原生JS的DOM节点操作
DOM(Document Object Model/文档对象模型)是针对HTML和XML文档的一个API。
DOM节点树：在文档中出现的空格、回车、标签、注释、文本、doctype、标签等都属于DOM节点。
操作DOM节点的方式无非就是：创建、添加(插入)、移除、替换、查找(获取)、克隆DOM节点。
创建文本节点：var newText = document.createTextNode(‘文本节点‘);
创建标签节点：var newNode = document.createElement(‘div‘);
添加(插入)子节点至末尾：父节点.appendChild(子节点);
添加(插入)子节点至某节点前：父节点.insertBefore(子节点, 某节点);
移除子节点：父节点.removeChild(子节点);
替换节点：父节点.replaceChild(替换后的节点, 替换前的节点);
查找(获取)节点：
查找(获取)所有子节点：父节点.childNodes
查找(获取)所有是标签类型的子节点：父节点.children
查找(获取)下一个兄弟节点：某节点.nextSibling
查找(获取)上一个兄弟节点：某节点.previousSibling
查找(获取)父节点：子节点.parentNode
查找(获取)第一个子节点：父节点.firstChild
查找(获取)最后一个子节点：父节点.lastChild
也可以使用document.get…的方法来获取，详细请看：JS获取标签方法及兼容处理
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
