加入子节点后，想打印出节点个数和值，但是显示不出来，什么原因？？
天地4638
2016-08-04 22:03
<!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回答
-
- 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，
-
- 最近的距离是多少3456060
- 2016-08-18 15:04:48
third.innerHTML="This is a new P";里面给了html格式，请问你用到 third这个变量了吗？
-
- 慕粉3686312
- 2016-08-07 23:48:24
自己写了一遍。var otest = document.getElementsByTagName("ul"); 你这里的问题，应该是获取的id，因为要加入新的节点。
-
- Max_Leo
- 2016-08-04 22:47:53
希望能帮到你，你写的已经很不错了，我只是修改了一下，多多交流哦
-
- 过气的国王
- 2016-08-04 22:44:38
并没看出来third是哪儿来的
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题