最近一直有个疑问
那就是
什么叫做上树
然后蠢蠢的在script标签中写了好多
document.createElement(“div”); document.createTextNode;
之类的
然而在网页中并不会显示 哈哈 尴尬
其实上树就是上DOM树 你在JS中创建的节点并不会直接出现在html中需要通过:
1.父元素.appendChild(子元素);
var div = document.createElement("div");
document.body.appendChild(div);
2.父元素.insertBefore(newChild, oldChild);
将第一个参数 插入到第二个参数之前 两个参数都是元素
第二个参数必须是父元素的子元素
var div = document.createElement("div");//获取div
var box1 = document.getElementById("box1");//获取元素
var textNode = document.createTextNode("我是一个通过JS脚本创建出来的文本节点");
div.appendChild(textNode);//让这个文本节点成为div的子元素
document.body.insertBefore(div, box1);//在id为box1的元素前添加div上了他前 上树成功