如何使下邊這個(gè)有序列表變成另一個(gè)，也就是將4移入1的下邊<ul> <li id="1">1</li>
<li id="2">2</li>
<li id="3">3</li> <li id="4">4</li>
</ul> <ul> <li id="1">1</li>
<li id="4">4</li>
<li id="2">2</li> <li id="3">3</li>
</ul>
2 回答
烙印99
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊
思路最簡使用appendChild()方法，利用其將元素移除DOM樹后再重新加入。
<ul>
<li id="1">1</li>
<li id="2">2</li>
<li id="3">3</li>
<li id="4">4</li></ul><button id="implement">執(zhí)行</button><!--創(chuàng)建一個(gè)按鈕以便演示效果--><script>
var el = document.getElementById('4'); //獲取要操作的元素
list = document.getElementsByTagName("li"); //獲取要操作的列表序列
implement = document.getElementById('implement'); //獲取執(zhí)行按鈕
implement.onclick = function () {
list[0].appendChild(el); //list[0]的后邊加入元素el;
}</script>望采納
- 2 回答
- 0 關(guān)注
- 419 瀏覽
添加回答
舉報(bào)
0/150
提交
取消