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

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

上海瑞旭租车网

2020-04-10 22:39

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


写回答 关注

2回答

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

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

  • _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>


JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题