DOM(Document Object Model) 文档对象模型

DOM(Document Object Model)是HTML文档的抽象,它提供了一种结构化的表示方式,允许通过JavaScript等脚本语言动态操作文档内容。document对象是window对象的子对象,可以直接使用,用于访问和修改HTML标记。关键方法包括:document.createElement用于创建HTML标签,getElementsByClassName获取指定class的对象数组,appendChild用于向文档添加元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

                        DOM(Document Object Model) 文档对象模型

一、概述

    文档对象(document对象,注意这和DOM不是一个概念,不过我要先行介绍) 代表浏览器窗口的文档,该对象是window对象(以后会有文章详细介绍)的子对象。

由于window对象是DOM对象模型中的默认对象,所以window对象中的方法和子对象不需要使用window来引用。也就是说可以直接使用document对象。

作用:document 对象 可以访问html文档中包含的任何html标记,并可以动态修改标记内容。

document对象的层次结构如图:



二、document对象的属性,方法和事件

http://www.w3school.com.cn/jsref/dom_obj_document.asp

close()关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById()返回对拥有指定 id 的第一个对象的引用。
getElementsByName()返回带有指定名称的对象集合。
getElementsByTagName()返回带有指定标签名的对象集合。
open()打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write()向文档写 HTML 表达式 或 JavaScript 代码。
writeln()等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
其他常用方法

document.createElement(Tag)                                         //创建一个html标签对象

document.getElementsByClassName(“className”)                      //获得指定class值的对象(数组)

document.body.appendChild(oTag)                                            //文档添加元素





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值