问答详情
源自：9-13 插入节点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")[1];
  var newnode=document.createElement("li");
  newnode.innerHTML="php";
  otest.insertBefore(newnode.node);

</script>

</body>
</html>

提问者：weibo_任_无忧_0 2015-11-30 16:49

个回答

  • 一毛钱
    2015-11-30 17:00:35
    已采纳 

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


    0