DOM常用的四大对象是什么？

最新推荐文章于 2022-03-15 14:22:10 发布
最新推荐文章于 2022-03-15 14:22:10 发布
阅读量2.9k 收藏 7
点赞数
原文链接：http://www.cnblogs.com/Renyi-Fan/p/8973601.html
版权

DOM常用的四大对象是什么？

一、总结

一句话总结：

1、关注结构，关注主干 

2、从主干处着手的话，可以发现dom就是四个东西，document（文档），element，attribute，event（事件）。

 

1、在 HTML DOM （文档对象模型）中，是否是每个部分都是节点？

解答：是

2、所有 HTML 属性都是是属性节点么？

解答：是

3、HTML的文档本身是什么节点？

解答：文档节点

4、HTML的注释是什么节点：

解答：注释节点

5、HTML文档怎么变成Document 对象？

解答：载入浏览器。每个载入浏览器的 HTML 文档都会成为 Document 对象。

6、Document对象的主要作用是什么？

解答：Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

7、Element 对象可以拥有哪些子节点？

解答：Element 对象可以拥有类型为元素节点、文本节点、注释节点、属性节点的子节点。

8、HTML中的NodeList 对象是什么？

解答：NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。

9、在 HTML DOM 中，Attr 对象表示 HTML 属性。 这句话对么？

解答：对

10、HTML 属性始终属于 HTML 元素。这句话对么？

解答：对

11、HTML中的NamedNodeMap 对象是什么？

解答：在 HTML DOM 中，NamedNodeMap 对象表示元素属性节点的无序集合。NamedNodeMap 中的节点可通过名称或索引（数字）来访问。

12、事件和函数的关系是什么？

解答：事件通常与函数结合使用，函数不会在事件发生前被执行！

 

 

 

 

二、简介

0、dom对象

HTML DOM 节点

在 HTML DOM （文档对象模型）中，每个部分都是节点：

  • 文档本身是文档节点
  • 所有 HTML 元素是元素节点
  • 所有 HTML 属性是属性节点
  • HTML 元素内的文本是文本节点
  • 注释是注释节点

 

1、document对象

Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

 

2、element对象

Element 对象

在 HTML DOM 中，Element 对象表示 HTML 元素。

Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。

NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。

元素也可以拥有属性。属性是属性节点（参见下一节）。

 

3、attribute对象

Attr 对象

在 HTML DOM 中，Attr 对象表示 HTML 属性。

HTML 属性始终属于 HTML 元素。

 

NamedNodeMap 对象

在 HTML DOM 中，NamedNodeMap 对象表示元素属性节点的无序集合。

NamedNodeMap 中的节点可通过名称或索引（数字）来访问。

 

4、event对象

Event 对象

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用，函数不会在事件发生前被执行！

 

三、测试题-简答题

1、在 HTML DOM （文档对象模型）中，是否是每个部分都是节点？

解答：是

2、所有 HTML 属性都是是属性节点么？

解答：是

3、HTML的文档本身是什么节点？

解答：文档节点

4、HTML的注释是什么节点：

解答：注释节点

5、HTML文档怎么变成Document 对象？

解答：载入浏览器。每个载入浏览器的 HTML 文档都会成为 Document 对象。

6、Document对象的主要作用是什么？

解答：Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

7、Element 对象可以拥有哪些子节点？

解答：Element 对象可以拥有类型为元素节点、文本节点、注释节点、属性节点的子节点。

8、HTML中的NodeList 对象是什么？

解答：NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。

9、在 HTML DOM 中，Attr 对象表示 HTML 属性。 这句话对么？

解答：对

10、HTML 属性始终属于 HTML 元素。这句话对么？

解答：对

11、HTML中的NamedNodeMap 对象是什么？

解答：在 HTML DOM 中，NamedNodeMap 对象表示元素属性节点的无序集合。NamedNodeMap 中的节点可通过名称或索引（数字）来访问。

12、事件和函数的关系是什么？

解答：事件通常与函数结合使用，函数不会在事件发生前被执行！

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/Renyi-Fan/p/8973601.html

weixin_33779515
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
什么是DOM对象？.docx
11-23
什么是DOM对象？.docx
6、JavaScript进阶篇③——浏览器对象、Dom对象
weixin_34255793的博客
02-26 126
一、浏览器对象 1、 window对象 window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 注意:在JavaScript基础篇中，已讲解了部分属性，window对象重点讲解计时器。 代码示例： <!DOCTYPE HTML> <html> <head> <meta http-equiv="...
常用dom对象介绍
xian00000的专栏
08-19 1750
DOM，来源于Document Object Model,即文档对象模型，它允许脚本控制Web页面、窗口和文档。     DOM对象使用分层的父对象和子对象，这些对象的组织类似一个树形结构，并表示一个Web文档的所有内容和组建。基本的浏览器对象层次如下图所示： DOM对象" title="JavaScript基础->DOM对象" style="margin-top:0px; margi
DOM编程
WEBCODE
01-11 115
DOM(document object model) 文档对象模型。 DOM编程就是面向HTML中的一个个抽象出来的对象即元素如：文本、按钮等编程。 HTML DOM 简介，w3cSchool:http://www.w3school.com.cn/htmldom/dom_intro.asp HTML DOM 是一个W3C标准，它是HTML的文本对象模型(Document Objec...
JavaScript DOM
qq_65249767的博客
03-15 697
1.1 DOM概述 DOM： 文档对象模型，当网页文档加载到浏览器内存时，浏览器会为文档生成一个对应的文档对象， 同时会解析这个文档中的所有内容，所有的成分都是一个节点，每个节点都是一个对象。 DOM 是这样规定的： 整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点 补充： XML文档： 可扩展标记语言， 这种文档以标签来描述数据的，而且可以自定
html--深入理解4种dom对象
weixin_33736832的博客
09-26 90
这四个对象是从HTML结构中逐层深入的，分别代表了HTML结构中所有的内容； 1、Document对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。 Document...
DOM详解(五)：DOM常用对象
qq_37899792的博客
07-08 684
Image Select/Option Table/... Form 1. Image: 代表一个<img元素 唯一的简化: var img=new Image(); 2. Select: 代表一个<select元素 属性: .selectedIndex: 获得select中当前选中项的下标 ...
DOM之常用对象
mr_minlong的专栏
03-19 595
HTML DOM常用对象 Select对象属性： sel.options：返回当前select下的所有option对象的集合 sel.selectedIndex：获得当前select的选中项的下标位置 方法： 添加一个option：sel.add(opt)，等效于sel.appendChild(opt) 移除一个option: sel.remove(i) Option对象创建option对象：
DOM对象
阅后即焚
09-26 239
DOM对象 什么是DOM DOM：Document Object Model 文档对象模型，定义访问和操作结构化文档（HTML）的方式。 创建的结构化文档：html、xml 等 DOM包括：核心DOM、HTML DOM、XML DOM。通常情况下HTML DOM 和XML DOM是可以相互使用的。 HTML DOM 将 整个HTML文档呈现成一颗DOM树，树中有元素、属性、文本等成员。 ...
什么是DOM(Document Object Model)文档对象模型
09-05
档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式
Vue.js 2.0窥探之Virtual DOM到底是什么？
12-02
Virtual DOM是什么？ 在之前，React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的，就要先认清这几个概念： 1.更新DOM是非常昂贵的操作 当我们使用Javascript来修改我们的页面，...
js基础之DOM中document对象的常用属性方法详解
10-21
下面小编就为大家带来一篇js基础之DOM中document对象的常用属性方法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery对象和DOM对象之间相互转换的方法介绍
10-24
主要介绍了jQuery对象和DOM对象之间相互转换的方法介绍,本文讲解了jQuery对象转成DOM对象、DOM对象转换成jQuery对象方法,需要的朋友可以参考下
infrared-remote-candroid studiodemo
最新发布
05-05
android studio下载
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
05-05
【新质生产力】新质生产力赋能智能制造数字化解决方案.pptx
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
05-05
基于matlab实现的用于应用布格重力异常数据反演地下异常密度体.rar
什么是DOM?什么是虚拟DOM?
07-28
DOM（Document Object Model）是一种表示文档结构的对象模型，它将HTML或XML文档解析成一个树状结构，通过操作这个树状结构来实现对文档的增删改查。 虚拟DOM（Virtual DOM）是一个概念，它是对真实DOM的一种抽象...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值