JavaScript中间加元素的函数
导读：JavaScript中间加元素的函数在JavaScript中，我们经常需要在已有的HTML元素中添加新的元素，如在ul列表中添加新的li项。面对这样的需求，我们可以使用JavaScript中的中间加元素的函数。这些函数可以帮助我们动态地创建...
JavaScript中间加元素的函数在JavaScript中，我们经常需要在已有的HTML元素中添加新的元素，如在ul列表中添加新的li项。面对这样的需求，我们可以使用JavaScript中的中间加元素的函数。这些函数可以帮助我们动态地创建HTML元素，并将其插入到DOM树中的已有元素的特定位置。下面是一些常用的中间加元素的函数和它们的使用方法。1. appendChild()appendChild()函数可以在指定元素的末尾添加一个新的子元素。例如，我们可以使用下面的代码在id为list的ul列表中添加一个新的li项。
let li = document.createElement("li");
let textNode = document.createTextNode("JavaScript");
li.appendChild(textNode);
document.getElementById("list").appendChild(li);
let li = document.createElement("li");
let textNode = document.createTextNode("HTML");
li.appendChild(textNode);
let position = document.getElementById("list").getElementsByTagName("li")[1];
document.getElementById("list").insertBefore(li, position);
let li = document.createElement("li");
let textNode = document.createTextNode("CSS");
li.appendChild(textNode);
let position = document.getElementById("list").getElementsByTagName("li")[1];
position.insertAdjacentElement("afterend", li);
let items = ["PHP", "Java", "Python"];
let html = "";
for (let i = 0;
i items.length;
i++) {
html += "li>
" + items[i] + "/li>
";
}
document.getElementById("list").innerHTML += html;
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： JavaScript中间加元素的函数
本文地址： https://pptw.com/jishu/560871.html