处理及遍历XML文档DOM元素属性及方法整理
更新时间：2013年08月23日 18:04:15 作者：
本文整理了一些用于处理及遍历XML文档的DOM元素属性与方法及动态创建内容时所用的W3C DOM属性和方法，有需求的朋友可以参考下，希望对大家有所帮助
用于处理XML文档的DOM元素属性
childNodes：返回当前元素所有子元素的数组；
firstChild：返回当前元素的第一个下级子元素；
lastChild：返回当前元素的最后一个子元素；
nextSibling：返回紧跟在当前元素后面的元素；
noedValue：指定表示元素值的读/写属性；
parentNode：返回元素的父节点；
previousSibling：返回紧邻当前元素之前的元素；
用于遍历XML文档的DOM元素方法
getElementById(id)(document)：获取有指定唯一ID属性值文档中的元素；
getElementsByTagName(name)：返回当前元素中指定标记名的子元素的数组；
hasChildNodes()：返回一个布尔值，指示元素是否有子元素；
getAttribute(name)：返回元素的属性值，属性由name指定；
动态创建内容时所用的W3C DOM属性和方法
document.createElement(tagName)：文档对象上的createElement方法可以创建由tagName指定的元素，如果以串div作为方法参数，就会生成一个div元素；
document.createTextNode(text)：文档对象的createTextNode方法会创建一个包含静态文本的节点；
<element>.appendChild(childNode)：appendChild方法将指定的节点增加到当前元素的子节点列表（作为一个新的子节点）。例如，可以增加一个option元素，作为select元素的子节点；
<element>.getAttriture(name)：这些方法分别获得和设置元素中name属性的值；
<element>.setAttritube(name,value)：这些方法分别获得和设置元素中name属性的值；
<element>.insertBefore(newNode,targetNode)：这个方法将节点newNode作为当前元素的子节点插到targetNode元素前面；
<element>.removeAttribute(name)：这个方法从元素中删除属性name；
<element>.removeChild(childNode)：这个方法从元素中删除子元素childNode；
<element>.replaceChild(newNode,oldNode)：这个方法将节点oldNode替换为节点newNode；
<element>.hasChildnodes()：这个方法返回一个布尔值，指定元素是否有子元素；
复制代码 代码如下:
childNodes：返回当前元素所有子元素的数组；
firstChild：返回当前元素的第一个下级子元素；
lastChild：返回当前元素的最后一个子元素；
nextSibling：返回紧跟在当前元素后面的元素；
noedValue：指定表示元素值的读/写属性；
parentNode：返回元素的父节点；
previousSibling：返回紧邻当前元素之前的元素；
用于遍历XML文档的DOM元素方法
复制代码 代码如下:
getElementById(id)(document)：获取有指定唯一ID属性值文档中的元素；
getElementsByTagName(name)：返回当前元素中指定标记名的子元素的数组；
hasChildNodes()：返回一个布尔值，指示元素是否有子元素；
getAttribute(name)：返回元素的属性值，属性由name指定；
动态创建内容时所用的W3C DOM属性和方法
复制代码 代码如下:
document.createElement(tagName)：文档对象上的createElement方法可以创建由tagName指定的元素，如果以串div作为方法参数，就会生成一个div元素；
document.createTextNode(text)：文档对象的createTextNode方法会创建一个包含静态文本的节点；
<element>.appendChild(childNode)：appendChild方法将指定的节点增加到当前元素的子节点列表（作为一个新的子节点）。例如，可以增加一个option元素，作为select元素的子节点；
<element>.getAttriture(name)：这些方法分别获得和设置元素中name属性的值；
<element>.setAttritube(name,value)：这些方法分别获得和设置元素中name属性的值；
<element>.insertBefore(newNode,targetNode)：这个方法将节点newNode作为当前元素的子节点插到targetNode元素前面；
<element>.removeAttribute(name)：这个方法从元素中删除属性name；
<element>.removeChild(childNode)：这个方法从元素中删除子元素childNode；
<element>.replaceChild(newNode,oldNode)：这个方法将节点oldNode替换为节点newNode；
<element>.hasChildnodes()：这个方法返回一个布尔值，指定元素是否有子元素；
相关文章
JSON格式本就发自于JavaScript中的对象和数组,所以js操作起来自然也是最为简单原始,接下来我们就来看一些常用的JavaScript中对JSON对象的基本操作示例2016-05-05
这篇文章主要为大家详细介绍了TypeScript接口和泛型，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
本篇文章小编给大家整理了非常全的JS数组函数以及相关的写法规则，希望能够对读者们起到帮助和参考。2017-12-12
JavaScript高级程序设计（第3版）学习笔记7 js函数（上）
如果说对象是房间，那么函数就是有魔幻效应的房间了。函数首先是对象，然后这个函数对象还具有很多魔幻功能2012-10-10
本文主要介绍了React Router的基础知识，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
JavaScript中操作字符串之localeCompare()方法的使用
这篇文章主要介绍了JavaScript中操作字符串之localeCompare()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
javascript之函数直接量(function(){})()
javascript之函数直接量(function(){})()...2007-06-06
这篇文章主要为大家介绍了js基石系列学习之错误类型示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要介绍了JavaScript中的slice()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
他是JavaScript中最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。2009-01-01
最新评论