问答详情
源自：9-9 访问子节点的第一和最后项

关于x.firstChild和x.childNodes[0]的问题

如题，为什么两者的输出是不同的

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<div id="con">

  <p>javascript</p>

  <div>jQuery</div>

  <h5>PHP</h5>

</div>

<script type="text/javascript">

  var x=document.getElementById("con");

 document.write(x.firstChild.nodeName+"<br>");

 document.write(x.lastChild.nodeName+"<br>");

 document.write(x.childNodes[0]);

</script>

</body>

</html>


提问者：Erinnn 2019-07-20 18:56

个回答

  • 吴量
    2019-07-21 10:39:57
    已采纳

    childNodes 拿到的是第一个元素，你的firstChild拿到的是x与第一个p标签之间的换行符，

    document.write(x.firstElementChild.nodeName+"<br>");  这样你可以得到你想要的结果


    1