DOM节点和元素的区别

DOM 节点和元素的区别

获取元素

id获取： getElementById

class获取 ：getElementsByClassName

tag获取 ：getElementsByTagName

css选择器来获取： querySeletor

获取多个元素： querySeletorAll

通过名字 ： getElementByName

元素和节点的各种关系 (node节点 element 元素);

子关系

子元素 ： children

子节点： childNodes

第一个子元素 ：firstEelementChild

第一个子节点： fisetChild

最后一个子元素： lastEelementChild

最后一个子节点：lastChild

父关系

parentNode

parentElementNode

兄弟关系

上一个子元素 ： previousElementSibling

上一个子节点： previouseSibling

下一个子元素： nextElementSibling

下一个子节点：nextSibling

元素的增删改查

创建一个元素 createElement("标签名");

添加一个父容器里面 父元素.appendChild(子元素)

只会添加到父容器的最后

添加到某一个元素之前 父元素.insertBefore("添加的元素","添加到哪个之前");

删除元素

removeChild： 父元素.removeChild("要删除的元素");

remove(): 要删除的元素.remove();

修改

替换: 父元素.replaceChild(“替换的新元素”,“替换的旧元素”);

获取非行间样式

Chrome： 样式值 = getComputyStyle("元素","伪类")[‘样式名’]

IE : currentStyle： 元素.currentStyle.样式名