上一节:
下一节:

  JavaScript HTML DOM文档

  • HTML DOM文档对象

    文档对象代表您的网页。如果要访问HTML页面中的任何元素，则始终首先访问文档对象。下面是一些如何使用文档对象访问和操作HTML的示例。

  • 查找HTML元素

    方法 描述
    document.getElementById(id) 按元素ID查找元素
    document.getElementsByTagName(name) 按标签名称查找元素
    document.getElementsByClassName(name) 按类名查找元素

  • 更改HTML元素

    方法 描述
    element.innerHTML = new html content 更改元素的内部HTML
    element.attribute = new value 更改HTML元素的属性值
    element.setAttribute(attribute, value) 更改HTML元素的属性值
    element.style.property = new style 更改HTML元素的样式

  • 添加和删​​除元素

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

  • 添加事件处理程序

    方法 描述
    document.getElementById(id).onclick = function(){code} 创将事件处理程序代码添加到onclick事件

  • 查找HTML对象

    第一个HTML DOM Level 1（1998），定义了11个HTML对象，对象集合和属性。这些在HTML5中仍然有效。 之后，在HTML DOM Level 3中，添加了更多对象，集合和属性。
    属性 描述 DOM
    document.anchors 返回具有name属性的所有<a>元素 1
    document.applets 返回所有<applet>元素（在HTML5中不推荐） 1
    document.baseURI 返回文档的绝对基URI 3
    document.body 返回<body>元素 1
    document.cookie 返回文档的cookie 1
    document.doctype 返回文档的doctype 3
    document.documentElement 返回<html>元素 3
    document.documentMode 返回浏览器使用的模式 3
    document.documentURI 返回文档的URI 3
    document.domain 返回文档服务器的域名 1
    document.domConfig 已过时。返回DOM配置 3
    document.embeds 返回所有<embed>元素 3
    document.forms 返回所有<form>元素 1
    document.head 返回<head>元素 3
    document.images 返回所有<img>元素 1
    document.implementation 返回DOM实现 3
    document.inputEncoding 返回文档的编码（字符集） 3
    document.lastModified 返回文档更新的日期和时间 3
    document.links 返回具有href属性的所有<area>和<a>元素 1
    document.readyState 返回文档的（加载）状态 3
    document.referrer 返回引用者的URI（链接文档） 1
    document.scripts 返回所有<script>元素 3
    document.strictErrorChecking 如果强制执行错误检查，则返回 3
    document.title 返回<title>元素 1
    document.URL 返回文档的完整URL 1
上一节:
下一节: