javascript学习笔记 - DOM操作应用

以下内容为笔记,方便查阅。对您可能没有价值!

创建、插入、删除元素

  • 创建DOM元素
    • createElement(标签名) //创建一个节点
    • appendChild(节点) //追加一个节点
  • 插入元素
    • insertBefore(节点,原有节点) //在已有元素前插入
  • 删除DOM元素
    • removeChild(节点) //删除一个节点

注:oUl.appendChild(oLi);
如果oLi不是新创建的对象,而是来源于一个现有元素中,appendChild相当于先将oLi在其原有父级中删除,然后在插入到新的对象oUl中。


var oUl = document.getElementById('xx');

//创建一个节点
var oLi = document.createElement('li');

//将节点插入到oUl中
oUl.appendChild(oLi);

//将节点插入到现有节点之前
oUl.insertBefore(oLi,li[0]);

//删除一个节点
oUl.removeChild(li[0]);

文档碎片


//创建文档碎片
var oFrage = document.createDocumentFragment();
在文档碎片中插入内容
oFrage.appendChild(obj);

评论