Node.prototype.nextSibling
就像老师点名一样: "李雷后面的韩梅梅起来回答下问题".
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="id1">李雷</div><div id="id2">韩梅梅</div> <script> document.getElementById('id1').nextSibling === document.getElementById('id2'); // true document.getElementById('id1').nextSibling.firstChild.nodeValue; // 韩梅梅 </script> </body> </html>
如果当前节点的后面没有同级节点, 那 .nextSibling 返回 null.
注意, 如果这里的两个div没有在一行, 那.nextSibling 得到的将是一个换行符, 因为 .nextSibling 不仅对元素节点有效, 还对注释节点 / 文本节点有效.