问答详情
源自：9-12 插入节点appendChild()

加入子节点后，想打印出节点个数和值，但是显示不出来，什么原因？？

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>


<ul id="test">

  <li>JavaScript</li>

  <li>HTML</li>

</ul> 

 

<script type="text/javascript">


  var otest = document.getElementsByTagName("ul");  

  var newNode=document.createElement("li");

  third.innerHTML="This is a new P";

  otest.appendChild(newNode);

  var attr=document.getElementsByTagName("li");

  document.write(attr.length);//显示长度

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

          document.write(attr[i].innerHTML);

      }        

</script> 


</body>

</html>


提问者：天地4638 2016-08-04 22:03

个回答

  • Aicsky麟
    2016-08-04 22:52:10
    已采纳

    其中有两处错误为：

    var otest=document.getElementsByTagName('ul'); third.innerHTML="This is a new P";

    需要改为：

    var otest=document.getElementsByTagName('ul')[0]; newNode.innerHTML="This is a new P";

    getElementsByTagName取得值为数组，现在代码块中只有一个，所以设置为0，

    1
  • 最近的距离是多少3456060
    2016-08-18 15:04:48

      third.innerHTML="This is a new P";里面给了html格式，请问你用到 third这个变量了吗？

    0
  • 慕粉3686312
    2016-08-07 23:48:24

    自己写了一遍。var otest = document.getElementsByTagName("ul");  你这里的问题，应该是获取的id，因为要加入新的节点。

    0
  • Max_Leo
    2016-08-04 22:47:53

    http://img.mukewang.com/57a3556f0001e93807400546.jpg

    希望能帮到你，你写的已经很不错了，我只是修改了一下，多多交流哦

    1
  • 过气的国王
    2016-08-04 22:44:38

    并没看出来third是哪儿来的

    0