面试题Dom 操作有哪些？

增

• innerHTML
• appendChild(): 把一个子节点添加到父节点的最后一个子节点
• insertBefore(newEle, referenceEle): 插到指定位置之前
• setAttribute：添加属性

parentElement.insertBefore(newElement, referenceElement)

删

• parent.removeChild(self): 删除后不在文档树中了， 但是还在内存中，还可以使用

改

• innerHTML
• innerText： 隐藏元素不返回
• textContent：返回全部
• style 改样式

查

• document.querySelector
• document.querySelectorAll : 是个快照