DOM常用操作
来源:互联网 发布:深圳淘宝大学培训 编辑:程序博客网 时间:2024/05/20 06:08
查找节点
通过ID查找DOM节点:getElementById
通过class属性查找:getElementsByClassName
通过标签名查找:getElementsByTagNames
通过指定名称查找:getElementsByName
匹配选择器,只返回匹配的第一个元素:querySelector()
匹配选择器,返回匹配的所有元素:querySelectorAll()
获取页面中的HTML标签:document.documentElement
获取页面中的BODY标签:document.body
获取页面中的所有元素节点的对象集合型:document.all[”]新建节点
创建新的元素节点:createElement()
创建新的属性节点:createAttribute()
创建新的文本节点:createTextNode()
创建新的注释节点:createComment()
创建文档片段节点:createDocumentFrament()增加节点
向父元素的最后一个子节点追加新节点 appendChild()
向父节点的某个特定子节点之前插入新节点 insertBefore()
给元素增加属性节点和设置值 setAttribute()删除节点
删除已有的子节点,返回值为删除节点 parentNode.removeChild( existingChild );
删除具有指定属性名称的属性,无返回值 element.removeAttribute(‘属性名’);
删除指定属性,返回值为删除的属性 element.removeAttributeNode( attrNode );修改节点
用新节点替换父节点中已有的子节点 parentNode.replaceChild( newChild, existingChild );
若原元素已有该节点,此操作能达到修改该属性值的目的 element.setAttributeNode( attributeName );
若原元素已有该节点,此操作能达到修改该属性值的目的 element.setAttribute( attributeName, attributeValue );
- DOM常用操作
- DOM 操作常用方法
- JS常用dom操作
- js常用DOM操作
- Extjs常用DOM操作
- JavaScript 常用 dom 操作
- 常用的DOM操作
- DOM常用操作
- JQuery DOM 的常用操作
- JQuery DOM 的常用操作
- 表格常用的DOM操作
- Javascript中DOM常用操作
- JQuery DOM 常用操作汇总
- javascript DOM技术常用操作
- HTML DOM常用的操作
- JQuery 常用DOM操作3
- JQuery 常用DOM操作4
- JQuery 常用DOM操作5
- HDU6073Matching In Multiplication
- 插入排序-Insertion sort
- javascript的setTimeout实现延时提示框
- 循环迭代hashmap
- 控制UV流动的脚本
- DOM常用操作
- @Embeddable注解Java类的作用
- GPU图形绘制管线
- tomcat 虚拟主机配置
- HDU2588 GCD 欧拉函数简单应用
- Redis小结
- Java 集合系列14之 Map总结(HashMap, Hashtable, TreeMap, WeakHashMap等使用场景)
- HDU
- LCD12864学习