我這樣寫為什么不對?node是指定此節(jié)點前插入節(jié)點,我把node設(shè)置為最后一個節(jié)點前為什么不對。
<!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找不到這個子節(jié)點,id是唯一的,并不能拿來跟標簽的子節(jié)點用,得設(shè)過id=“xxx”;才能用xxx,
修改代碼:
?var otest = document.getElementById("test");??
? var newnode = document.creatElement("li")
? newnode.innerHTML="PHP"
? otest.insertBefore(newnode,test.lastChild);
這個地方的test.lastChild為什么可以用,是因為insertBefore()這個方法的第二個屬性是插入位置,這個位置可以是節(jié)點也可以是id,也可以是標簽
2020-09-16
你這句執(zhí)行不了?。?/p>
var node = document.getElementById("otest.lastChild");
document.getElementById()是用括號里的字符串比較HTML文檔中的所有id值,返回相應(yīng)節(jié)點。
而id="otest.lastChild"的節(jié)點是不存在的。
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>