你的位置:首页 > 软件开发 > Java > JavaScript DOM 总结

JavaScript DOM 总结

发布时间:2015-08-17 19:00:29
一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document一样 ...

一、DOM基础Node接口定义了所有节点类型都包含的特性和方法。

特性/方法类型/返回类型说明
nodeNameString节点的名字;根据节点的类型而定义
nodeValueString节点的值;根据节点的类型而定义
nodeTypeNumber节点的类型常量值之一
ownerDocumentDocument指向这个节点所属的文档
firstChildNode指向在childNodes列表中的第一个节点
lastChildNode指向在childNodes列表中的最后一个节点
childNodesNodeList所有子节点的列表
previousSiblingNode指向前一个兄弟节点;如果这个节点就是第一个兄弟节点,那么该值为null
nextSiblingNode指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点,那么该值为null
hasChildNodes()Boolean当childNodes包含一个或多个节点时,返回真
attributesNamedNodeMap包含了代表一个元素的特性的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 (#换成@)。