一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document一样 ...
一、DOM基础Node接口定义了所有节点类型都包含的特性和方法。
特性/方法 | 类型/返回类型 | 说明 |
nodeName | String | 节点的名字;根据节点的类型而定义 |
nodeValue | String | 节点的值;根据节点的类型而定义 |
nodeType | Number | 节点的类型常量值之一 |
ownerDocument | Document | 指向这个节点所属的文档 |
firstChild | Node | 指向在childNodes列表中的第一个节点 |
lastChild | Node | 指向在childNodes列表中的最后一个节点 |
childNodes | NodeList | 所有子节点的列表 |
previousSibling | Node | 指向前一个兄弟节点;如果这个节点就是第一个兄弟节点,那么该值为null |
nextSibling | Node | 指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点,那么该值为null |
hasChildNodes() | Boolean | 当childNodes包含一个或多个节点时,返回真 |
attributes | NamedNodeMap | 包含了代表一个元素的特性的Attr对象;仅用于Element节点 |
appendChild(node) | Node | 将node添加到childNodes的末尾 |
removeChild(node) | Node | 从childNodes中删除node |
replaceChild(newnode,oldnode) | Node | 将childNodes中的oldnode替换成newnode |
insertBefore(newnode,refnode) | Node | 在childNodes中的refnode之前插入newnodd |
2.访问相关的节点
要访问<html/>元素(你应该明白这是该文件的document元素),你可以使用document的documentElement特性:3.处理特性NamedNodeMap对象也有一个length属性来指示它所包含的节点的数量。4.访问指定节点5.创建新节点
替换
1 <html> 2 <head> 3 <title>replaceChild() Example</title> 4 <script type="text/javascript"> 5 function replaceMessage() { 6 var oNewP = document.createElement("p"); 7 var oText = document.createTextNode("Hello Universe!"); 8 oNewP.appendChild(oText); 9 var oOldP = document.body.getElementsByTagName("p")[0];10 oOldP.parentNode.replaceChild(oNewP, oOldP);11 }12 </script>13 </head>14 <body onload="replaceMessage()">15 <p>Hello World!</p>16 </body>17 </html>
原标题:JavaScript DOM 总结
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。