DOM的增删改查

许多语言和工具最基本的操作就是增删改查,DOM操作也不例外。
节点不仅仅包括标签,还包括属性节点,文本节点和注释。本文简单记录基本的DOM增删改查操作。

方法 描述
appendChild() 把节点添加为指定节点最后一个子元素
insertBefore() 在指定的子节点前面插入新的子节点
createElement() 创建元素
createAttribute() 创建属性节点
createTextNode() 创建文本节点

方法 描述
remove() 删除当前节点
removeChild() 删除子节点

方法 描述
replaceChild() 替换子节点
setAttribute() 把指定属性设置或修改为指定的值
innerHTML 获取或替换 HTML 元素的内容
nodeValue nodeValue 属性规定节点的值
nodeType 返回节点的类型

方法 描述
getElementById() 返回带有指定 ID 的元素。
getElementsByTagName() 返回指定标签名称的所有元素的节点列表
getElementsByClassName() 返回指定类名的所有元素的节点列表
getAttribute() 返回指定的属性值
innerHTML 获取或替换 HTML 元素的内容
nodeValue nodeValue 属性规定节点的值
nodeType 返回节点的类型

总结

这些只是最基本的增删改查操作,如果需要相应的,而文档又没有的增删改查操作,例如在一个标签之后插入另一个标签,我们完全可以自己封装,方便我们自己使用。但是这些基本操作已经能满足几乎我们所有的需求了。

你可能感兴趣的:(DOM的增删改查)