JavaScript之DOM
DOM – Document Object Model (文档对象模型),是 JS 操作 HTML 文档的接口,它最大的特点就是将文档表示为节点树,如下:
document对象: document对象表示整个 HTML 文档,它是 DOM 节点树的根。
DOM节点树:
- 根节点:节点树中只有唯一的一个根节点。
- 父子节点:一个父节点(parent)可以有0个或多个子节点(children);一个子节点只有一个父节点。
- 兄弟节点:(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