常见的js dom操作

1、查找

document.getElementById('id属性值');	返回拥有指定id的第一个对象的引用
document/element.getElementsByClassName('class属性值');	返回拥有指定class的对象集合
document/element.getElementsByTagName('标签名');	返回拥有指定标签名的对象集合
document.getElementsByName('name属性值');	返回拥有指定名称的对象结合

 

 

 

 

2、创建

document.createElement('元素名')	创建新的元素节点
document.createAttribute('属性名')	创建新的属性节点
document.createTextNode('文本内容')	创建新的文本节点

 

 

 

3、添加

parent.appendChild( element/txt/comment/fragment );	向父节点的最后一个子节点后追加新节点
element.setAttribute( attributeName, attributeValue );	给元素增加指定属性，并设定属性值

 

 

4、删除

arentNode.removeChild( existingChild );	删除已有的子节点，返回值为删除节点
element.removeAttribute('属性名');	删除具有指定属性名称的属性，无返回值
element.removeAttributeNode( attrNode );	删除指定属性，返回值为删除的属性

 

 

 

5、修改

element.setAttribute( attributeName, attributeValue );

若原元素已有该节点，此操作能达到修改该属性值的目的