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、事件和函数的关系是什么?
解答:事件通常与函数结合使用,函数不会在事件发生前被执行!