HTML DOM (document对象)

HTML DOM 可通过 JavaScript 进行访问。
Document 对象可以对 HTML 页面中的所有元素进行访问。

document对象属性

属性	描述
head	提供对 元素的直接访问。document.head
body	提供对 元素的直接访问。document.body
cookie	设置或返回与当前文档有关的所有 cookie。document.cookie
domain	返回当前文档的域名。document.domain
lastModified	返回文档被最后修改的日期和时间。document.lastModified
referrer	返回载入当前文档的文档的 URL。document.referrer
title	返回当前文档的标题。document.title
URL	返回当前文档的 URL。document.URL

document对象方法

方法	描述
getElementById()	返回带有指定 ID 的元素。如[object HTMLDivElement]
getElementsByClassName()	返回包含带有指定类名的所有元素的节点列表。如[object HTMLCollection]
getElementsByTagName()	返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。如[object HTMLCollection]
appendChild()	把新的子节点添加到指定节点。
removeChild()	删除子节点。
replaceChild()	替换子节点。
insertBefore()	在指定的子节点前面插入新的子节点。
createAttribute()	创建属性节点。
createElement()	创建元素节点。
createTextNode()	创建文本节点。
getAttribute()	返回指定的属性值（应是对元素节点的操作）。
setAttribute()	把指定属性设置或修改为指定的值（应是对元素节点的操作）。
setAttributeNode()	把指定属性设置或修改为指定的值（应是对元素节点的操作）。

HTML

    




    

        
张三
        
李四
        
王五
        
赵六
    

陈大

方法详解

• getElementById()

通过指定id获得：[object HTMLDivElement]

• getElementsByClassName()是一个元素的节点

通过指定类名获得:[object HTMLCollection]是一组元素的节点列表

• getElementsByClassName()

通过指定标签获得:[object HTMLCollection]是一组元素的节点列表

• appendChild()

• removeChild()

• replaceChild()

• insertBefore()

• createAttribute()

• createElement()

• createTextNode()

• getAttribute()

结果是：font-size: 20px

• setAttribute()

• setAttributeNode()