在script 標(biāo)簽內(nèi)補(bǔ)充代碼，實(shí)現(xiàn)創(chuàng)建一個(gè)新li標(biāo)簽，內(nèi)容為"php",并將新創(chuàng)建的li插入到內(nèi)容為HTML的標(biāo)簽前。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<ul id="test"><li>JavaScript</li><li>HTML</li></ul>?
?
<script type="text/javascript">
? var otest = document.getElementById("test");?
? for(var i=0;i<otest.length;i++){
? ? if(otest[i].innerHTML=="HTML"){
? ? ? ?var node=otest[i].childNodes;
? ? } ??
? }
? var newnode=document.createElement("li");
? ? newnode.innerHTML="php";
? ? otest.insertBefore(newnode,node);
</script>?
為什么卻插到后面了？不知道哪錯(cuò)了！求大神幫忙！拜謝了！
2016-09-14
<ul id="test"><li>JavaScript</li><li>HTML</li></ul>?
?
<script type="text/javascript">
? var otest = document.getElementById("test"); //獲得的是ul標(biāo)簽對(duì)象，不是數(shù)組，可以添加下面一行代碼
? var otestArr = document.getElementById("test").childNodes;//獲得存儲(chǔ)<li>JavaScript</li>與<li>HTML</li>兩個(gè)標(biāo)簽對(duì)象的數(shù)組，然后遍歷數(shù)組，做下面修改
?var node；
? for(var i=0;i<otestArr.length;i++){
? ? if(otestArr[i].innerHTML=="HTML"){
? ? node =otestArr[i];
? ? } ??
? }
? var newnode=document.createElement("li");
? ? newnode.innerHTML="php";
? ? otest.insertBefore(newnode,node);
這樣結(jié)果就對(duì)了
JavaScript
php
HTML
另外如果<ul id="test"><li>JavaScript</li><li>HTML</li></ul> 不再寫(xiě)在一起，而是有空格，如下：
<ul id="test">
<li>JavaScript</li>
<li>HTML</li>
</ul>
var otestArr = document.getElementById("test").childNodes;此時(shí)獲得標(biāo)簽對(duì)象元素個(gè)數(shù)就會(huì)變?yōu)?個(gè)，其中有文本對(duì)象（空格）
2016-09-14
<body>
<ul id="test"><li>JavaScript</li><li>hhh</li></ul>
<script type="text/javascript">
? var otest = document.getElementById("test"); //這個(gè)獲得的是ul這個(gè)對(duì)象，它不是一個(gè)數(shù)組，所以下面出現(xiàn)otest[i],我覺(jué)得這是不對(duì)的。
?for(var i=1;i<otest.length;i++){//這個(gè)for似乎是沒(méi)有意義的，你可以把試著改動(dòng)<li>HTML</li>,它仍然會(huì)出現(xiàn)php在最底部。我也沒(méi)弄明白
??? if(otest[i].innerHTML=="HTML"){
?????? var node=otest[i].childNodes;
??? }??
? }
?var node=otest.childNodes[0];//把下劃線部分換成這句就沒(méi)問(wèn)題了
? var newnode=document.createElement("li");
??? newnode.innerHTML="php";
??? otest.insertBefore(newnode,node);
</script>
個(gè)人見(jiàn)解，不知道對(duì)不對(duì)，哈哈