JavaScript HTML DOM节点类型之Document类型(Document对象和Document对象中的方法)

 2015年11月02日    734     声明


在浏览器,每个载入浏览器的 HTML 文档都会成为Document对象。JavaScript用Document类型表示文档,documentHTML Document对象的一个实例,HTML Document是对DOM Document的一个扩展,定义 HTML 专用的属性和方法,本文主要介绍HTML Document。因为DocumentWindow对象的一个属性window.document,所以它是一个全局对象。通过Document对象,我们可以对 HTML 页面中的所有元素进行访问。


1. HTML DOMDocument对象

DocumentDOM 节点类型之一。

Document对象是对你HTML页面的一个引用。当你访问HTML页面中的元素时,你总是会首先访问Document对象

Document对象中包含一些方法,通过这些方法你可以实现对页面元素的查找、添加、删除和修改。

Document对象中属性一可以分为两类,一类用于访问HTML页面元素,如:document.body会返回对body元素的引用、document.title会返回对title元素的引用。另一类属性,其返回值是HTMLCollection对象集合,如:document.forms会返回页面中所有form元素的集合,document.images会返回页面中所有image元素的集合。


2. HTML DOMDocument对象中的方法

HTML DOMDocument对象中的方法分别用于查找元素和操作元素,在对元素进行添加、修改、删除等操作前,首先需要查找到目标元素。

2.1 查找DOM元素的方法

方法 说明
document.getElementById(id) 通过元素id查找元素
document.getElementsByName(name) 通过元素名查找元素
document.getElementsByTagName(name) 通过元素标签名查找元素
document.getElementsByClassName(name) 通过元素样式名查找元素

上面是几个按不同方式在HTML文档中查找元素的方法,除document.getElementById(id)方法外,其它都会返回一个HTML元素的集合,详细请参考:JavaScript 获取DOM文档元素


2.2 DOM节点操作的方法

方法 描述
document.createElement(element) 创建一个HTML元素
document.removeChild(element) 移除一个HTML元素
document.appendChild(element) 添加HTML元素
document.replaceChild(element) 替换HTML元素
document.write(text) 写入到HTML的输出流

以上方法是针对HTML元素的添加、修改、删除操作。具体请参考:Node节点操作创建DOM节点.