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

为什么php在html后面啊

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<ul id="test"><li>JavaScript</li><id ="a"li>HTML</li></ul>

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>

小学渣丶

2017-01-14

源自：JavaScript进阶篇 9-13

关注问题我要回答

483

操作

收起

1 回答

Eason_Cj 回答被采纳 +3 积分
2017-01-15

你的html里面id为"a"的<li>标签写错了，不应该是<id ="a"li>HTML</li>，应该是<li id ="a">HTML</li>,你那样的写法浏览器会解释错误，因此“HTML”会被当作一个普通的文本节点，而不是id为"a"的<li>标签中的文本节点，因此浏览器找不到j这个节点对象，所以会将新的节点k加在HTML的后面（即最后一个子节点的前面，而HTML后面还有</li>，所以不会被当作最后一个子节点）。