原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法

1. 添加新元素

动态添加新元素

• Coffee
• Tea
• Coffee
• Tea

var child = document.getElementsByClassName("child")[0];

var newChild = document.createElement("li");

var newText = document.createTextNode("wine");

newChild.appendChild(newText);

child.appendChild(newChild)

2.删除已有元素

给时光以生命

删除元素

• Coffee
• Tea
• Coffee
• Tea

var parent = document.querySelectorAll(".example")[0];

var child = document.querySelectorAll(".child")[2];

document.writeln(child.innerHTML)

parent.removeChild(child); //第二种方法此行替换:child.parentNode.removeChild(child);

总结

以上所述是小编给大家介绍的原生JS实现动态添加新元素、删除元素方法 使用指南,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！