DOM常用的四大对象是什么？
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、事件和函数的关系是什么？
解答：事件通常与函数结合使用，函数不会在事件发生前被执行！
DOM常用的四大对象是什么？的更多相关文章
- 【repost】Javascript操作DOM常用API总结
Javascript操作DOM常用API总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...
- SVG DOM常用属性和方法介绍(1)
12.2 SVG DOM常用属性和方法介绍 将以Adobe SVG Viewer提供的属性和方法为准,因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同,有些方法和属性是某个解析 ...
- DOM创建和删除节点、HTML DOM常用对象[转]
创建和删除节点:——核心DOM 1. 创建单个元素节点:3步: 1. 创建空元素节点对象: var elem=document.createElement("标 ...
- JS操作DOM常用API总结
<JS高程>中的DOM部分写的有些繁琐,还没勇气整理,直到看到了这篇博文 Javascript操作DOM常用API总结,顿时有了一种居高临下,一览全局的感觉.不过有时间还是得自己把书里面的 ...
- [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用
本文主要讲解DOM常用的CURD操作,appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),clo ...
- DOM常用的属性和方法
之前一直傻傻分不清DOM和JavaScript究竟有什么区别,随着相关工作时间的增长,开始逐渐区分DOM和JavaScript了,最近,也一直在复习有关DOM方面的知识,<JavaScript ...
- 添加/删除-HTML DOM 常用对象 -BOM-打开和关闭窗口- history-location
1. 添加/删除 3步: 1. 添加一个空元素 var a=document.createElement("a"); <a></a> 2. 定义元素的关键属 ...
- Javascript操作DOM常用API总结
基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们. Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现.这 ...
- JavaScript 操作 DOM 常用 API 总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念 在讲解操作DOM的api之前, ...
随机推荐
- amazeui学习笔记三（你来我往1）--常见问题FAQs
amazeui学习笔记三(你来我往1)--常见问题FAQs 一.总结 1.DOM事件失败:记得加上初始化代码,例如 图片轮播 $('#my-slider').flexslider(); 2.jquer ...
- Android Material风格的应用(三)--DrawerLayout
添加抽屉导航 Android Material风格的应用(一)--AppBar TabLayoutAndroid Material风格的应用(二)--RecyclerViewAndroid Mater ...
- HTTP网络协议(一）
1.了解Web及网络基础 TCP/IP协议族按层次可以分为下面四层: 应用层:决定了向用户提供应用服务时通信的活动,TCP/IP协议族内预存了各类通用的应用服务,比如:FTP(文件传输协议)和DNS( ...
- 微服务实战（六）：选择微服务部署策略 - DockOne.io
原文:微服务实战(六):选择微服务部署策略 - DockOne.io [编者的话]这篇博客是用微服务建应用的第六篇,第一篇介绍了微服务架构模板,并且讨论了使用微服务的优缺点.随后的文章讨论了微服务不同 ...
- GO语言学习（三）GO语言学习API文档
一:GoLang标准库API文档 https://studygolang.com/pkgdoc
- 洛谷——P1774 最接近神的人_NOI导刊2010提高（02）
https://www.luogu.org/problem/show?pid=1774 题目描述 破解了符文之语,小FF开启了通往地下的道路.当他走到最底层时,发现正前方有一扇巨石门,门上雕刻着一幅古 ...
- 模拟登录QQ推断是否须要验证码
老生常谈的问题了,在模拟登录之前,推断是否须要验证码: https://ssl.ptlogin2.qq.com/check? uin=QQ号码&appid=1003903&js_ver ...
- 51nod Bash游戏(V1,V2,V3,V4(斐波那契博弈))
Bash游戏V1 有一堆石子共同拥有N个. A B两个人轮流拿.A先拿.每次最少拿1颗.最多拿K颗.拿到最后1颗石子的人获胜.如果A B都很聪明,拿石子的过程中不会出现失误.给出N和K,问最后谁能赢得 ...
- vue配置路由
1,首先用vue-cli搭建vue项目.这个我就不细说了,详见以前的博客 2,npm安装vue-router 3.打开router文件加下的index.js 4.导入你想跳转的组件. import z ...
- 硬件——STM32 , SN74HC573锁存器
74HC573是一款高速CMOS器件: 上图中:输出使能为:OE 锁存使能为:LE 典型电路: 上图中:PWR-AL-0,PWR-AL-1,PWR-AL-2:是单片机输出的高低电平给573 对应的 ...