1.下面三个表是DOM处理xml文件里可能用到的属性和方法。
表一：
|
用于处理xml文档的DOM元素属性 | |
|
childNodes |
返回当前元素所有子元素的数组 |
|
firstChild |
返回当前元素的第一个子元素 |
|
lastChild |
返回当前元素的最后一个子元素 |
|
nextSibling |
返回紧跟在当前元素后面的元素 |
|
nodeValue |
指定表示元素的读/写属性 |
|
parentNode |
返回元素的父节点 |
|
previousSibling |
返回紧邻当前元素之前的元素 |
表二：
|
用于遍历xml文档的DOM元素的方法 | |
|
getElementById(id) (document) |
获取有指定惟一ID属性值文档中的元素 |
|
getElementsByTagName(name) |
返回当前元素中有指定标记名的子元素的数组 |
|
hasChildNodes() |
返回一个布尔值，指示元素是否有子元素 |
|
getAttribute(name) |
返回元素的属性值，属性由name指定 |
表三：
|
动态创建内容时所用的DOM属性和方法 | |
|
document.createElement(tagName) |
文档对象上的createElement方法可以创建由tagName指定的元素。如果以串Div作为方法参数，就会生成一个div元素 |
|
document. createTextNode (text) |
文档对象的createTextNode方法会创建一个包含静态文本的节点 |
|
<element>.appendChild(childNode) |
appendChild方法将指定的节点增加到当前元素的子节点列表（作为一个新的子节点）。例如，可以增加一个option元素，作为select元素的子节点 |
|
<element>.getAttribut(name) |
获得元素中name属性的值 |
|
<element>.setAttribut(name,value) |
设置元素中name属性的值为value |
|
<element>.insertBefore(newNode,targetNode) |
这个方法将节点newNode作为当前元素的子节点插到targetNode元素前面 |
|
<element>.removeAttribute(name) |
这个方法从元素中删除属性name |
|
<element>.removeChild(childNode) |
这个方法从元素中删除子元素childNode |
|
<element>replaceChild(newNode,oldNode) |
这个方法将节点oldNode替换为节点newNode |
|
<element>.hasChildNodes() |
这个方法返回一个布尔值，指示元素是否有子元素 |
例子：
下面是要操作的xml文件：
book.xml
JS文件：
ReadXML.js
xmlHttp 
}
}index.jsp
<body >
<input type="button" onclick="readXml()" value="show">
<div id="show"></div>
</body>
posted on
