动态创建dom元素、获取dom元素的属性及遍历dom元素的方法
2011-08-22 08:43
543 查看
用于处理XML文档的DOM元素属性
childNodes 返回当前元素的所有子元素的数组
firstChild 返回当前元素的第一个下级子元素
lastChild 返回当前元素的最后一个下级子元素
nextSibling 返回紧跟当前元素后面的元素
nodeValue 指定表示元素值的读/写属性
parentNode 返回元素的父节点
previousSibling 返回紧跟当前元素之前的元素
用于遍历XML文档的DOM元素方法
getElementById(id) 获取在指定唯一id属性值文档中的元素
getElementsByTagName(name) 返回当前元素中有指定标记名的子元素数组
hasChildNodes() 返回一个Boolean,指示元素是否有子元素
getAttribute(name) 返回元素的属性值,属性由name制定
动态创建内容是所用的DOM属性和方法
document.createElement(tagName) 文档对象上的createElement方法可以创建由tagName制定的元素。如果以串div作为方法参数,就会生成一个div元素
document.createTextNode(text) 文档对象的createTextNode方法会创建一个包含静态文本的节点
<element>.appendChild(childNode) appendChild方法将指定的节点增加到当前元素的子节点列表。例如可以增加一个option元素,作为select元素的子节点
<element>.getAttribute(name) 获取元素中的name属性的值
<element>.setAttribute(name, value) 设置元素的name属性值
<element>.insertBefore(newNode,targetNode) 将节点newNode作为当前元素的子节点传达到targetNode元素前面
<element>.removeAttribute(name) 从元素中删除属性name
<element>.removeChild(childNode) 移除子元素
<element>.replaceChild(newNode,oldNOde) 替换子元素
<element>.hasChildNodes() 是否有子元素
childNodes 返回当前元素的所有子元素的数组
firstChild 返回当前元素的第一个下级子元素
lastChild 返回当前元素的最后一个下级子元素
nextSibling 返回紧跟当前元素后面的元素
nodeValue 指定表示元素值的读/写属性
parentNode 返回元素的父节点
previousSibling 返回紧跟当前元素之前的元素
用于遍历XML文档的DOM元素方法
getElementById(id) 获取在指定唯一id属性值文档中的元素
getElementsByTagName(name) 返回当前元素中有指定标记名的子元素数组
hasChildNodes() 返回一个Boolean,指示元素是否有子元素
getAttribute(name) 返回元素的属性值,属性由name制定
动态创建内容是所用的DOM属性和方法
document.createElement(tagName) 文档对象上的createElement方法可以创建由tagName制定的元素。如果以串div作为方法参数,就会生成一个div元素
document.createTextNode(text) 文档对象的createTextNode方法会创建一个包含静态文本的节点
<element>.appendChild(childNode) appendChild方法将指定的节点增加到当前元素的子节点列表。例如可以增加一个option元素,作为select元素的子节点
<element>.getAttribute(name) 获取元素中的name属性的值
<element>.setAttribute(name, value) 设置元素的name属性值
<element>.insertBefore(newNode,targetNode) 将节点newNode作为当前元素的子节点传达到targetNode元素前面
<element>.removeAttribute(name) 从元素中删除属性name
<element>.removeChild(childNode) 移除子元素
<element>.replaceChild(newNode,oldNOde) 替换子元素
<element>.hasChildNodes() 是否有子元素
相关文章推荐
- DOM(包括获取元素节点的方法以及获取和设置元素节点的属性)
- js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)
- vue获取DOM元素并设置属性的两种实现方法
- 【JavaScript】DOM(二)获取元素+设置属性的六种方法
- Dom7(动态创建标签,获取页面元素)
- 处理及遍历XML文档DOM元素属性及方法整理
- 动态创建Dom元素,并设置属性和类----JS&JQ
- JS动态创建DOM元素的方法
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- AJAX 学习笔记(5) 处理XML文档的DOM元素属性和遍历DOM元素方法
- 动态创建html内容时所用的W3C DOM属性和方法
- 处理及遍历XML文档DOM元素属性及方法整理
- 动态创建内容时所用的W3C DOM属性和方法
- 动态创建html内容时所用的W3C DOM属性和方法
- 动态创建html内容时所用的W3C DOM属性和方法
- js动态创建/删除 (页面)元素节点、设置其属性方法
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- angular 创建一个简单的属性型指令 (动态获取DOM元素size,对DOM样式进行改变)
- 动态创建内容时所用的W3C DOM属性和方法
- 6.通过反射动态创建对象,获取属性,获取方法