1 JS DOM 编程
JS 访问HTML,XML
NODE对象
节点类型:
元素 Element 1
属性 Attribute 2
文本 Text 3
注释 Comment
CDATA CDATASection
处理指令 ProccessingInstruction
根结点 Document
实体 Entity
示例:
-------------------------------------------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>输出节点属性</title>
</head>
<body>
<table width="80%" border="1" >
<thead><th>姓名</th><th>年龄</th> </thead>
<tr align="left"> <td>张三</td> <td> 25</td> </tr>
</table>
<script language="javascript">
document.write("root node:"+document.childNodes[0].nodeName+"<br>");
document.write("root node first child:" + document.childNodes[0].firstChild.nodeName+"<br>");
document.write("root node last child:"+ document.childNodes[0].lastChild.nodeName +"<br>");
document.write("body node first child:" + document.body.childNodes[1].nodeName + "<br>");
document.write("body node second child node type:" + document.body.childNodes[1].nodeType + "<br>");
</script>
</body>
</html>
2.XML解析器
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
加载XML到解析器
xml.load("data.xml");
xml.loadXML("xml str");
3.XML加入到HTML
a.内嵌
<xml id='"data">
<?xml version="1.0">
<root>
<child>text</child>
</root>
</xml>
b.引入外部XML文件
<xml id="data" src="data.xml" />
使用数据(绑定数据)
datasrc=#id datafld=child
可与<table> <span> <div> 等元素绑定.
4.DOM API
DOM将整个文档展现为内存中的一棵树.树由节点组成.可以使用JS 来操作这棵树的节点.
getElementByTagName() 返回指定名称的元素集合
var oList = doucment.getElementByTagName("input");
var oList = doucment.getElementByTagName(" * ");
返回所有元素节点.
oList[0].nodeName
oList.item()
oList.length
getElementById() 返回指定id属性值对象.
var o=document.getElementById("idvalue");
getElementsByName() 返回指定name的属性值相等的元素对象数组
getAttribute(name) 返回名为name的属性值
setAttribute(name,value) 设置指定名为name属性的值为value.
5.DOM 事件
Event对象 event
Style style