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

没有插入结点丫丫

源代码如下：

<!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")[1];
var newnode=document.createElement("li");
newnode.innerHTML="php";
otest.insertBefore(newnode.node);

</script>

</body>
</html>

weibo_任_无忧_0

2015-11-30

源自：JavaScript进阶篇 9-13

关注问题我要回答

434

操作

收起

1 回答

一毛钱
2015-11-30

<!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">
//1. 页面加载完成以后运行
window.onload=function(){

  var otest = document.getElementById("test");  
  var node=document.getElementsByTagName("li")[0];//2.这块你要想最前面添加应该是0 
  var newnode=document.createElement("li");
  newnode.innerHTML="php";
  otest.insertBefore(newnode,node);//3.这块是逗号你用了点
}

</script> 

</body>
</html>