JS DOM增删改查
2023-02-02 16:20:28
84
javascript中DOM操作的增删改查 javascript中常见的3种获取元素的方法，分别是通过元素ID、通过标签名字和通过类名字来获取
1、查询
doucment.getElementById document.getElementsByTagName，可以获取页面所有标签 document.querySelector document.querySelectorAll 属性获取：getAttribute
2、增加
document.createEelement 创建元素节点 document.createTextNode 创建文本节点 doucment.createAttribute 属性节点 innerHTML innerText cloneNode() *appendChild 追加到结尾处 *innerHTML 可以追加替换标签 insertBefore(a,b) 用法:将元素a插入到b元素的前面
其他 style 的操作 setAttribute( 属性名, 属性值 )
3、删除
removeChild removeAttributeNode parent.removeChild 有返回值，其返回值未被完全删除还能进行其他操作（如插入操作） ele.remove 完全删除
4、修改
（1）修改样式 style.xxx = vvv; setAttribute
- （2）修改文本 innerHTML innerText
（3）节点操作 nodeValue
- （4）修改属性 setAttribute修改属性 replaceChild()