                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

关于insertBefore()方法的，为什么这样不行

<!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.getElementById("test");  
  var node=document.getElementsByTagName("li").innerHTML="HTML";
  var newnode=document.createElement("li");
  newnode.innerHTML="PHP";
  otest.insertBefore(newnode,node);
  
</script> 

</body>
</html>

浪涛飞

2016-03-05

源自：JavaScript进阶篇 9-13

关注问题我要回答

1570

操作

收起

1 回答

慕仰1571740 回答被采纳 +3 积分
2016-03-05

第一：var node=document.getElementsByTagName("li").innerHTML="HTML";
document.getElementsByTagName("li")是获取标签名为li的标签组合，相当于获得一个节点数组，不可以直接用innerHTML属性

第二：题目要求在内容为HTML标签插入新标签，但是演示直接给了第一句：var otest = document.getElementById("test")，因此需要通过它来获取插入的节点的，内容为HTML的标签是otest节点的第二个子节点也是最后一个子节点，所以用otest,childNodes[1]或者otest.lastChild获取插入位置的节点：otest.insertBefore(newnode,otest.childNodes[1])或者otest.insertBefore（newnode,otest.lastChild）