https://blog.csdn.net/weixin_39141044/article/details/83582384
在vue里真实dom和虚拟dom操纵dom元素一般写在mounted
普通创建节点
创建新的元素节点:document.createElement(‘元素名’)
创建新的文本节点:document.createTextNode(‘文本内容’)
创建新的片段节点:document.createDocumentFragment()
创建新的注释节点:document.createComment(‘注释’)
高效创建节点
innerHTML
outerHTML
innerText
outerText
IE6~IE8和最新浏览器都可以使用:
getElementById() 必须通过document调用,只返回单个对象
getElementsByName() 必须通过document调用
getElementsByTagName()
最新浏览器可以使用:
getElementsByClassName()
querySelector()
querySelectorAll()
插入节点
- appendChild()
- insertBefore()
- replaceChild()
- cloneNode()
- norrmalize()
- SplitText()
- removeChild():删除某个节点中指定的子节点,一定要有参数
-
removeNode():IE的私有