你可以使用以下代码来按特定顺序列出 元素的文本:
HTML代码:
- Item 1
- Item 2
- Item 3
JavaScript代码:
function listItemsInOrder(order) {
var myList = document.getElementById("myList");
var listItems = myList.getElementsByTagName("li");
// 根据指定的顺序重新排序li元素
var sortedListItems = [];
for (var i = 0; i < order.length; i++) {
for (var j = 0; j < listItems.length; j++) {
if (listItems[j].textContent.trim() === order[i]) {
sortedListItems.push(listItems[j]);
break;
}
}
}
// 清空原有的li元素
while (myList.firstChild) {
myList.removeChild(myList.firstChild);
}
// 按特定顺序添加已排序的li元素
for (var k = 0; k < sortedListItems.length; k++) {
myList.appendChild(sortedListItems[k]);
}
}
// 按特定顺序列出li元素的文本
var order = ["Item 3", "Item 1", "Item 2"];
listItemsInOrder(order);
在这个示例中,我们首先获取到
元素和所有的 元素。然后,我们使用一个双重循环来按照指定的顺序重新排序
元素。接下来,我们清空原有的
元素,并按照已排序的顺序重新添加 元素。最后,我们调用
listItemsInOrder
函数,传递一个包含特定顺序的数组参数来实现按特定顺序列出 元素的文本。