网站首页 > 技术文章正文

3、文档操作和节点操作文档操作方法

btikc 2024-10-25 10:58:08 技术文章 6 ℃ 0 评论

文档操作

创建元素的三种方式

# 直接在元素内部写入

object.write('新设置的内容<p>标签也可以生成</p>');

# 直接插入新的元素

object.innerHTML = '新内容<p>新标签</p>';

# 创建元素并且往父节点里面添加子节点

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

object.body.appendChild(div);

节点操作

节点增删改查

appendChild:追加节点；

insertBefore:在节点之前添加节点；

removeChild:移除节点；

replaceChild:替换当前节点下面的子节点；

节点层次

parentNode：父节点；

childNodes：所有子节点包含文本节点；

children：所有子节点包不含文本节点；

nextSibling(nextElementSibling)/previousSibling(previousElementSibling)：下一个兄弟节点/上一个兄弟节点；

firstChild(firstElementChild)/lastChild(lastElementChild)：上一个子节点/下一个子节点；