DOM@造型专家_day_35_20210513

这篇博客介绍了DOM(文档对象模型)的概念,它是W3C标准,用于处理XML或HTML页面的编程接口。DOM将网页内容组织成树形结构,允许通过WebAPI来操作页面元素和浏览器功能。JavaScript的组成包括了这些API。文中还提及了获取页面元素的不同方式,并概述了API的输入输出特性以及如何使用它们。
摘要由CSDN通过智能技术生成

DOM

1.webapi介绍

(1)、api的概念

API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。例如:alert()、 prompt()、log()、reverse()、getMonths()
任何开发语言都有自己的API
API的特征输入和输出(I/O)
API的使用方法(console.log())

(2)、webapi的概念
浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)
我们可以通过API去操作DOM和BOM
此处的web API特指浏览器提供的API(一组方法),web API在后面的课程中有其它含义

(3)、JavaScript的组成
图示1
2.DOM概念

事件基础文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,既有VBScript、ActiveX、以及微软自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

DOM又称为文档树模型
图示2
文档:一个网页可以称为文档
节点:网页中的所有内容都是节点(标签、属性、文本、注释等)
元素:网页中的标签
属性:标签(元素)的属性

3.模拟文档树结构
图示3
4.获取元素的方式
图示4
图示5
图示6

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值