我這樣寫為什么不對？node是指定此節點前插入節點，我把node設置為最后一個節點前為什么不對。
<!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.getElementById("otest.lastChild");
? var newnode = document.creatElement("li")
? newnode.innerHTML="PHP"
? otest.insertBefore(newnode,node);
??
</script>?
</body>
</html>
2020-05-15
var node = document.getElementById("otest.lastChild")
這句話有問題，你的ById找不到這個子節點，id是唯一的，并不能拿來跟標簽的子節點用，得設過id=“xxx”；才能用xxx，
修改代碼：
?var otest = document.getElementById("test");??
? var newnode = document.creatElement("li")
? newnode.innerHTML="PHP"
? otest.insertBefore(newnode,test.lastChild);
這個地方的test.lastChild為什么可以用，是因為insertBefore（）這個方法的第二個屬性是插入位置，這個位置可以是節點也可以是id，也可以是標簽
2020-09-16
你這句執行不了??！
var node = document.getElementById("otest.lastChild");
document.getElementById()是用括號里的字符串比較HTML文檔中的所有id值，返回相應節點。
而id="otest.lastChild"的節點是不存在的。
2020-08-04
最簡潔的答案（通俗易通-->點贊）：
<!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 html=otest.childNodes[1];
? var li=document.createElement('li');
? li.innerHTML='php';
? otest.insertBefore(li,html);
</script>?
</body>
</html>
2020-07-20
稍微改一下就OK啦：
<!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 = otest.lastChild;? //方法1
//? ?var node = otest.childNodes[1]; 方法2
? var newnode = document.createElement("li");
? newnode.innerHTML = "php";
? otest.insertBefore(newnode,node);
</script>?
</body>
</html>