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

不知道代码哪里出问题了，提交后输出没有显示？

<!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");

  for(var i=0;i<x.length;i++)

  {

 document.write("第一个子节点:"+x[i].firstChild+"<br>");

 document.write("最后一个子节点:"+x[i].lastChild);

  }

</script>

</body>

</html>


提问者：上海瑞旭租车网 2020-04-10 22:39

个回答

  • 宝慕林6934861
    2020-07-13 15:09:32

    大哥你白学了 getElementById（）只能是获取一个对象， 你弄个遍历数组有何意义。

    0
  • _Doogie
    2020-04-11 22:11:38

    建议重新看看getElementById的用法，获取返回的是一个节点，没有啥length，不需要循环，不用加for循环直接输出即可，正确写法：

    <script type="text/javascript">
  var x=document.getElementById("con");
  document.write("第一个子节点:"+x.firstChild+"<br>");
  document.write("最后一个子节点:"+x.lastChild);
</script>


    1