DOM 节点增删改查

最新推荐文章于 2022-09-17 15:01:34 发布

whilewhite

最新推荐文章于 2022-09-17 15:01:34 发布

阅读量517

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/whilewhite/article/details/82778084

版权

javascript 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

DOM 节点操作：增删改查

添加：

write

createElement(tagName)    创建节点对象

appendChild(node)         将节点添加到指定的节点中(追加)

createTextNode()         创建文本节点



insertBefore(newNode,exitingNode)           再指定节点前插入节点

replaceChild(newNode,oldNode)               替换节点

removeChild();                              删除节点

cloneNode(haveChild) 复制节点  haveChild  默认为false，true(复制孩子)





var op=document.createElement('p');

var oDiv=document.createElement('div');

var oSpan=document.createElement('span');

var oDiv1=document.createElement('div');



//在P标记前插入div标记

o.insertBefore(oDiv,op);

o.insertBefore(oSpan,op);//在op前插入oSpan



//替换

o.replaceChild(oDiv1,oSpan);



//删除

// o.removeChild(op);



//复制节点

var oo=op.cloneNode(true);

// console.log(oo);



document.body.appendChild(oo);