原生JS对DOM节点的获取和增删改

一、原生JS获取DOM节点

获取节点的方式大致分querySelector系列和getElementsBy 系列，两种：querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。

querySelector 系列接收的参数是一个 CSS 选择符。而 getElementsBy 系列接收的参数只能是单一的className、tagName 和 name

1、getElementById() 方法，根据唯一节点的ID属性获取节点对象，如id=“ID”

     demo：var element=document.getElementById("ID");

 

2、getElementsByTagName() 方法，根据节点的标签获取节点对象（返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）），如div标签

     demo：var element=document.getElementsByTagName("div");

 

3、getElementsByClassName()方法，根据节点的类名获取节点对象（返回包含带有指定类名的所有元素的节点列表），如class=“class”

    demo：var element=document.getElementsByClassName("class");