首頁猿問倒序排序子元素

倒序排序子元素

Html/CSS JavaScript

qq_小盛開_0 2016-10-10 19:36:15

<body style="text-align:center"><ul>? ? <li>1</li>? ? <li>2</li>? ? <li>3</li>? ? <li>4</li></ul><br /><input type="button" value="倒序排子元素" onclick="de()" /></body><script type="text/javascript">? ? ? ? function de(){ var ul=document.getElementsByTagName("Ul")[0]; if(ul.hasChildNodes()) { var len=ul.childNodes.length; var arr=[]; for(var i=0;i<len;i++) { arr[i]=ul.childNodes[0]; ul.removeChild(ul.childNodes[0]); } for(var i=len-1;i>=0;i--) { ui.appendChild(arr[i]); } } }</script>誰能幫我解釋一下，看不懂了

查看完整描述

2 回答

已采納

BCS

TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超0個贊

<body?style="text-align:center">
<ul>
????<li>1</li>
????<li>2</li>
????<li>3</li>
????<li>4</li>
</ul>
<br?/>
<input?type="button"?value="倒序排子元素"?onclick="de()"?/>
</body>
<script?type="text/javascript">
function?de(){
??var?ul=document.getElementsByTagName("Ul")[0];??
??if(ul.hasChildNodes())??//檢測元素是否有子節(jié)點(diǎn)
????{
????var?len=ul.childNodes.length;??//獲得子節(jié)點(diǎn)數(shù)量
????var?arr=[];???//聲明數(shù)組
????for(var?i=0;i<len;i++)???//循環(huán)
????{
??????arr[i]=ul.childNodes[0];???//將子節(jié)點(diǎn)依次添加到數(shù)組中
??????ul.removeChild(ul.childNodes[0]);?//將子節(jié)點(diǎn)依次刪除
????}
????for(var?i=len-1;i>=0;i--)??//倒敘的關(guān)鍵
????{
??????ul.appendChild(arr[i]);??//添加
??????//?樓主應(yīng)該自己分析，不懂的"方法"去看，學(xué)
????}
???}
}
</script>
</body>

反對回復(fù) 2016-10-11

千秋此意

TA貢獻(xiàn)158條經(jīng)驗(yàn) 獲得超188個贊

script標(biāo)簽放到</body>上面去，不要放它在下面

ui.appendChild(arr[i]); l寫錯成了i，改成? ul.appendChild(arr[i]);

再說下這段代碼

在button行內(nèi)添加事件調(diào)用下面封裝的de函數(shù)

函數(shù)里先獲取了 ul 元素，然后判斷如果 ul 有子元素，執(zhí)行排序的代碼

聲明 len = ul子元素的個數(shù)，循環(huán)用。聲明 arr = []; 用來緩存ul的子元素

根據(jù)len執(zhí)行for循環(huán)遍歷ul所有的子元素，每次循環(huán) 把當(dāng)前的子元素節(jié)點(diǎn)緩存到數(shù)組arr中，然后從ul中移除當(dāng)前的子元素節(jié)點(diǎn)

第一次循環(huán)完畢后 ul 的子元素全部被移除，arr中為原ul中的子元素的集合

再開始第二個循環(huán)，

for （var i = len-1; i >= 0; i--) { ul.appendChild(arr[i]) };

這表示從數(shù)組arr最后一個元素開始遍歷該數(shù)組，即第一次append到ul中的元素是arr中最后一個，也就是原來的ul中的最后一個元素，循環(huán)完也就實(shí)現(xiàn)了倒序。。。

反對回復(fù) 2016-10-10

2 回答
0 關(guān)注
1558 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

倒序排序子元素

倒序排序子元素

2 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

倒序排序子元素

倒序排序子元素

2 回答

相關(guān)問題推薦

添加回答