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

来源:9-9 访问子节点的第一和最后项

Erinnn

2019-07-20 18:56

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

<!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>


写回答 关注

1回答

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

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

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


    weixin... 回复Erinnn

    这个就是多去练习,自己去写例子,然后用学到的东西尝试去用到别的地方上,不记得的话就在去看一下,这个东西是慢慢积累的,不可能一下记住那么多

    2019-08-09 16:43:23

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题