父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟)。
对象.childNodes //获取当前元素节点的所有子节点
对象.ownerDocument //获取该节点的文档根节点,相当与 document
对象.firstChild //获得第一个子节点。(IE7/8非空白节点,可能是注释节点)
对象.firstElementChild //获得第一个非空白的子节点。(IE7/8不支持)
对象.lastChild //获得最后一个子节点(IE7最后一个元素节点,IE8最后一个非空白节点,可能是注释节点)
对象.lastElementChild //获得最后一个非空白的子节点。(IE7/8不支持)
对象.nextSibling //获得下一个兄弟节点。(包含空白节点和注释,IE7/8包括注释节点,不包括空白节点)
对象.nextElementSibling //获得下个兄弟节点。(IE7/8不支持)
对象.previousSibling //获得上一个兄弟节点。(包含空白节点和注释。IE7/8包括注释节点,不包括空白节点)
对象.prveiousElementSibling //获得上一个兄弟节点。(IE7/8不支持)
缺点:兼容性不好
查询:选择器;
创建:createElement() 配合 appendChild() 将创建好的元素,插入到某个标签内的最后
删除:removeChild() 配合 parentNode
元素.remove() 直接删除当前元素
document.body.removeChild(div);
修改: outerHTML
oh1.outerHTML = "<h2>" + oh1.innerHTML +"</h2>"
创建文本节点createTextNode(“hello”)
使用方式同createElement()