为了账号安全,请及时绑定邮箱和手机立即绑定

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

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


正在回答

5 回答

其中有两处错误为:

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 回复 有任何疑惑可以回复我~
#1

天地4638 提问者

非常感谢!
2016-10-17 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//57a3556f0001e93807400546.jpg

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

1 回复 有任何疑惑可以回复我~

并没看出来third是哪儿来的

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信