用js操作dom节点的一些方法

一、获取节点

document.getElementById(id);
返回拥有指定 id 的第一个节点

document.getElementsByName(name);
返回带有指定名称的节点集合

document.getElementsByTagName(tagname);
返回带有指定标签名的节点集合

document.getElementsByClassName(classname);
返回带有指定class名称的节点集合

document.querySelector("css选择器");
返回匹配指定的CSS选择器的第一个节点

document.querySelectorAll("css选择器");
返回匹配指定CSS选择器的所有节点集合

parentNode.firstChild：已知节点的第一个子节点

parentNode.lastChild：已知节点的最后一个子节点

parentNode.childNodes：已知节点的所有子节点

childNode.parentNode：已知节点的父节点

neborNode.previousSibling：返回某个节点的上一个兄弟节点（包括文本节点、注释节点）

neborNode.previousElementSibling ：返回某个节点的上一个兄弟元素节点（不包括文本节点、注释节点）

neborNode.nextSibling ：返回某个节点的下一个兄弟节点（包括文本节点、注释节点）

neborNode.nextElementSibling ：返回某个节点的下一个兄弟元素节点（不包括文本节点、注释节点）

二、创建节点