码迷,mamicode.com
首页 > 编程语言 > 详细

【javascript】DOM小结

时间:2015-05-31 23:25:19      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

       DOMDocument ObjectModel)文档对象模型,描述了一个层次化的节点数。D(文档)为网页文档;O(对象)为window对象之类的,可调用其属性和方法;M(模型)为网页文档的树形结构。DOM定义了HTML元素的对象和属性,以及访问它们的方法,即DOM可对HTML元素进行获取、修改、添加以及删除操作。

1.DOM节点

      DOM把标签当作节点,将网页理解为由节点组成的节点树.节点的种类有五种:文档节点、元素节点、文本节点、属性节点、注释及节点。整个文档时一个文档节点,每个HTML元素是元素节点,HTML元素内的文本是文本节点,每个HTML属性是属性节点,注释是注释节点,这些概念都比较容易理解。

      1)节点属性

      DOM节点有几个非常有用的属性:nodeNamenodetypenodeValue

技术分享

      nodeName属性规定节点的名称,它始终包含HTML元素的大写字母标签名;nodeValue属性规定节点的值;nodeType属性返回节点的类型,nodeType是只读的。

2)  层次节点属性

      节点的层次结构可以划分为:父节点与子节点、兄弟节点,当获取到一个元素节点的时候,就可以通过层次节点属性来获取其他层次节点。

技术分享

 2. 节点方法
      为了方便的进行操作,W3C提供了一些定位节点的属性和方法,通过它们DOM可以对节点进行创建、查找、删除等操作:

技术分享

这些方法使得我们对网页元素的操作更加便捷。

 

 

 

 

 

 

 

 

 

【javascript】DOM小结

标签:

原文地址:http://blog.csdn.net/wangjingna/article/details/46292133

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!