<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>子节点childNodes</title> <!-- node.childNodes;获取node节点下的所有子节点集合数组;会获取到空白文本子节点 node.firstChild;获取node节点下的第一个节点 node.lastChild;获取node节点下的最后一个节点 --> </head> <body> <div> <p><span></span></p>文本</div> <script> var div=document.getElementsByTagName("div")[0]; console.log(div.childNodes);//[text,p, text],第一个text是空白节点 console.log(div.firstChild);//<p><span></span></p> console.log(div.lastChild);//"文本" </script> </body> </html>