DOM的增添节点前置和后置
学习目标1：使用增添文本节点
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script>//第一个函数实现的是，增添的文本节点后置；后者文本节点前置function fight(){var textitle = document.createElement("p");var content = document.createTextNode("moral animal");textitle.appendChild(content); //借鉴java中的append()var div = document.getElementById("be brave");div.appendChild(textitle);}function fight2(){var textitle = document.createElement("p");var content = document.createTextNode("brave man");textitle.appendChild(content);var div = document.getElementById("be brave");var p1 = document.getElementById("Plan");div.insertBefore(textitle,p1); //将文本节点放在p1所代表的元素标签之前// div.appendChild(textitle);}textitle.insertBefore();</script></head><body><button type="button" onclick="fight()">人生百态</button><button type="button" onclick="fight2()">勇敢前行</button><div id="be brave"><p id="Plan">技术攻略百篇文章</p><p id="Considerate">大数据技术栈的细分</p></div> </body>
</html>本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！