小学渣丶
2017-01-14 17:40
<!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><id ="a"li>HTML</li></ul>
<script type="text/javascript">
var otest = document.getElementById("test");
var j = document.getElementById("a");
var k=document.createElement("li");
k.innerHTML="php";
otest.insertBefore(k,j);
</script>
</body>
</html>
你的html里面id为"a"的<li>标签写错了,不应该是<id ="a"li>HTML</li>,应该是<li id ="a">HTML</li>,你那样的写法浏览器会解释错误,因此“HTML”会被当作一个普通的文本节点,而不是id为"a"的<li>标签中的文本节点,因此浏览器找不到j这个节点对象,所以会将新的节点k加在HTML的后面(即最后一个子节点的前面,而HTML后面还有</li>,所以不会被当作最后一个子节点)。
JavaScript进阶篇
468063 学习 · 21891 问题
相似问题