WEB开发网
开发学院网页设计JavaScript JavaScript DOM学习第一章:W3C DOM简介 阅读

JavaScript DOM学习第一章:W3C DOM简介

 2010-03-30 00:00:00 来源:WEB开发网   
核心提示: 就像你所了解的,p元素也有他自己的父节点,JavaScript DOM学习第一章:W3C DOM简介(3),通常就是document,有时候也可能是一个DIV,当然,数组是从0开始编号的,所以整个文档都可以看做是一颗由很多的节点组成的树,而且这些节点大多都有自己的子节点

就像你所了解的,p元素也有他自己的父节点,通常就是document,有时候也可能是一个DIV。所以整个文档都可以看做是一颗由很多的节点组成的树,而且这些节点大多都有自己的子节点。

            <BODY>
               |
               |-------------------------------------
               |                                     |
              <P> ----------------            lots more nodes
               |                  |
         --------------         ALIGN
        |              |          |
    This is a         <B>         |
                       |        right
                       |
                    paragraph

遍历DOM树

知道了DOM树的结构,你就可以遍历他来找到你想要的元素。举个例子,假设元素节点p已经存储在变量x中(等一会介绍这是怎么做到的)。这时候如果我们想访问BODY那么:

1 x.parentNode<br>

我们就得到了x的父元素,然后就可以修改它了。这样可以到达B节点:

1 x.childNode[1]<br>

childNode是一个包含所有x的子节点的数组。当然,数组是从0开始编号的,所以childNode[0]就是文本节点"This is a " childNode[1]就是B节点。

编缉推荐阅读以下文章

  • javaScript DOM方法与属性摘要

上一页  1 2 3 4 5 6  下一页

Tags:JavaScript DOM 学习

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接