前言:原生是Javascript的基础,还是需要多多重视,时间长都忘记了,现在整理一下。
获取子节点
children 不是标准的dom属性,但是几乎被所有浏览器支持。不包含文本节点.
注意:在IE中,children包含注释节点。
childNodes 是标准属性。返回所有子节点。包括文本节点。
获取第一个子节点
1.firstChild
document.getElementById('b_pole').childNodes[0].childNodes[0].firstChild@H_404_20@
获取最后一个子节点
1.lastChild
document.getElementById('b_pole').childNodes[0].childNodes[0].lastChild@H_404_20@
判断是否有子节点
1.hasChildNodes()
document.getElementById('b_pole').childNodes[0].childNodes[0].hasChildNodes()@H_404_20@
判断节点类型与节点名称
1.nodeType
1:元素
2:属性
3:文本
2.nodeName
创建DOM结构
1.创建元素节点 createElement
2.创建文本节点 createTextNode
插入节点
1.insertBefore
2.appendChild
移除节点
1.removeChild
document.getElementById('b_pole').removeChild(document.getElementById('b_pole').childNodes[0])@H_404_20@
并返回被删除的节点dom
获取元素的下一个节点(同胞)
1.nextSibling
document.getElementById('b_pole').nextSibling@H_404_20@
获取元素的上一个节点(同胞)
1.prevIoUsSibling
原文链接:https://www.f2er.com/js/42406.html