1. 获取当前节点的第一个子节点: Node.prototype.firstChild
2. 获取当前节点的最后一个子节点: Node.prototype.lastChild
3. 获取当前节点的所有子节点: Node.prototype.childNodes
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul id="id1"> <li>李雷</li> <li>韩梅梅</li> <li>李强</li> </ul> <script> var id1 = document.getElementById("id1"); id1.firstChild; // #text id1.lastChild; // #text id1.childNodes; // NodeList(7) [text, li, text, li, text, li, text] </script> </body> </html>
注意这里为啥获取了7个节点呢? 因为这里的 三个 li 换行了, 而换行符也是属于七种节点之一的 文本节点, 因此获取了七个.