【javascript】DOM小结

       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可以对节点进行创建、查找、删除等操作:

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

 

 

 

 

 

 

 

 

 

评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值