DOM(文档对象模型)是针对HTML和XML文档的一个API,DOM描述了一个层次化的节点树,允许开发人员添加、移除和修改页面的一部分。
JavaScript中的所有节点都继承自Node类型。
Node类型的基本属性和方法如下:
属性名(方法) | 作用 |
---|---|
nodeType | 节点类型 |
nodeName | 元素的标签名 |
childNodes | 保存NodeList对象,用于访问子元素 |
NodeList.item(n) | 访问NodeList的第n个元素 |
parentNode | 父节点 |
previousSibling | 同一列表的前一个节点 |
nextSibling | 同一列表的后一个节点 |
firstChild | 第一个子节点 |
lastChild | 最后一个子节点 |
hasChildNodes() | 判断是否含有子节点 |
ownerDocument | 所属的文档节点 |
appendChild() | 向子节点的末尾添加一个节点 |
insertBefore() | 插入到某个子节点之前 |
replaceChild() | 替换某个子节点 |
removeChild() | 移除某个子节点 |
cloneNode(boolean) | 复制某个节点,传true时复制子节点 |
JavaScript通过Document类型表示文档,在浏览器中,document对象是HTMLDocument的一个实例,表示整个HTML页面。 Document类型的基本属性和方法如下:
属性名(方法) | 作用 |
---|---|
documentElement | 指向html元素 |
body | 指向body元素 |
title | Title标签中的文本 |
URL | 完整URL |
domain | 域名 |
referrer | 来源页面的URL |
getElementById() | 根据ID取得元素 |
getElementsByName() | 根据name取得NodeList |
getElementsByTagName() | 根据tag取得NodeList |
write() | 输出流到网页 |
writeln() | 输出流到网页并添加换行符 |
createElement() | 创建新元素 |
Element类型用于表现XML或HTML元素,提供了对元素标签名、子节点及特性的访问。
Element类型的基本属性和方法如下:
属性名(方法) | 作用 |
---|---|
tagName | 标签名(始终大写) |
id | 唯一标识符 |
title | 附加说明信息 |
lang | 语言代码 |
dir | 语言方向,ltr或rtl |
class | css类 |
getAttribute() | 获取某个特性值 |
setAttribute() | 设置特性名和特性值 |
removeAttribute() | 彻底移除某个特性值 |