JavaScript之DOM(九)

DOM – Document Object Model (文档对象模型),是 JS 操作 HTML 文档的接口,它最大的特点就是将文档表示为节点树,如下:
 
DOM


document对象: document对象表示整个 HTML 文档,它是 DOM 节点树的根。


DOM节点树:

  1. 根节点:节点树中只有唯一的一个根节点。
  2. 父子节点:一个父节点(parent)可以有0个或多个子节点(children);一个子节点只有一个父节点。
  3. 兄弟节点:(sibling)同属于一个父节点的多个节点。上一个兄弟:previous、下一个兄弟:next。

1、节点类型

名称 描述
nodeType 返回节点的类型(不常用,了解即可) 常见的返回值如下:
1、nodeType 属性返回 1,表示是一个元素节点(element)
2、nodeType 属性返回 3,表示是一个文本节点(text)
3、nodeType 属性返回 8,表示是一个注释节点(comment)
4、nodeType 属性返回 9,表示是文档节点(document)
5、nodeType 属性返回 10,表示是 DTD 节点

2、常用的属性与方法

2.1、访问节点的常用方法
//一、直接访问
//1.通过元素的id属性值来获取元素,返回的是一个元素对象
var element = document.getElementById(id_content)
//2.通过元素的name属性值来获取元素,返回的是一个元素对象的数组
var element_list = document.getElementsByName(n
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值