常用dom节点总结

来源:互联网 发布:淘宝薄款棉袄短款 编辑:程序博客网 时间:2024/06/06 01:32

1.访问/获取节点

getElementById(id);           //返回对拥有指定id的第一个对象进行访问

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

getElementsByTagName(tagname);   //返回带有指定标签名的对象集合

getElementsByClassName(classname);  //返回带有指定class名称的对象集合

2.创建节点/属性

document.createElement(eName);  //创建一个节点

document.createAttribute(attrName); //对某个节点创建属性

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

3.添加节点

document.insertBefore(newNode,referenceNode);  //在某个节点前插入节点

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

4.复制节点

cloneNode(true | false);  //复制某个节点  参数:是否复制原节点的所有属性

5.删除节点

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

判断nodeType===1


0 0
原创粉丝点击