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

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

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

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

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

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

二、创建节点

document.createElement(eleName);
创建元素节点

document.createTextNode(text);
创建文本节点

document.createAttribute(attrName);
创建一个指定名称的属性，并返回Attr对象属性

三、添加节点

parentNode.appendChild(newNode);
给某个节点添加子节点

parentNode.insertBefore(newNode,existNode);
在已有的子节点前插入一个新的子节点，也可以利用已知的子节点获取其父节点：existNode.parentNode.insertBefore(newNode,existNode);

四、删除节点

parentNode.removeChild(node)
删除某个节点的子节点，node是要删除的节点