dom对象常用的属性和方法有哪些?

dom对象常用的属性和方法有哪些?

dom对象常用的属性和方法有哪些?

一、总结

一句话总结:

1、document属性和方法:document的属性有head,body之类,方法有各种获取element的方法

2、element的属性和方法:属性比如style,innerHTML和固有属性,方法比如各种动态操作元素,比如createElement,还有操作属性的set、get、remove、create解Attribute

3、attribute的属性和方法:有点包含在element里面的感觉

1、我们熟知location是window的属性或者说对象,那么document对象有location属性么?

解答:window有location对象,document同样有location对象,

2、如何获取一个html的文档声明?

解答:document.doctype;//可以知道文档声明,如果没有return null;这里是

3、一个有如下 文档声明的html文档,它的文档声明的名字是什么?

解答:html

4、如何获取一个html的head部分?

解答:document.head//很明显选取head节点.就是这段

5、如何获取一个html的body部分?

解答:document.body//选取body节点.

6、如何获取一个文档的文档声明的名字?

解答:document.doctype.name//知道文档声明的名字.

7、document的location属性是来干嘛的?

解答:ocation一般主要是用来获取地址。

8、如何获取一个文档当前的地址?

解答:document.location.href//获取当前地址

9、给文档重新分配地址的三种方法是哪三种?

解答:分别是location,location的assign方法和href属性。 document.location.assign(http://www.baidu.com)//分配一个地址 document.location="http://www.baidu.com" document.location.href="http://www.baidu.com"

10、innerText和innerHTML的区别是什么(两点区别)?

解答:一个是获取文本,一个是获取标签。 innerText是IE特有,innerHTML则是符合W3C协议的。

11、innerText里面的标签还是标签么?

解答:不是,已经转义为了文本。

12、element常用的几个属性是哪几个?

解答:id、nodeName、className、child、lastchild、firstchild、nextSibing、previousSibing

13、如何通过DOM2方法获取一个标签?

解答:var d=document.querySelector("#p1");

14、DOM2获取一个标签的两个常见方法是哪两个?

解答:querySelector和querySelectorAll

15、querySelector和querySelectorAll和区别是什么?

解答:前者获取一个,后者获取所有对应标签的。

16、如何在body中把b标签插入到a标签之前?

解答:document.body.insertBefore(b,a);//把b插在a前面- - 17、

17、insertBefore除了成为普通元素的方法,可否成为body的方法?

解答:肯定可以啊

18、在body中用c标签替换b标签怎么实现?

解答:document.body.replaceChild(c,b);//(new,old)

19、属性操作的四个方法是哪四个?

解答:set,get,create,remove,后面分别接Attribute

20、DOM0点击事件怎么写?

解答:a.onclick=function(){}

21、DOM2点击事件怎么写?

解答:btn.addEventListener("click",fun,false)

22、DOM2中主要操作事件的两个方法是哪两个?

解答:add和remove接EventListener

23、btn.addEventListener("click",fun,false)中的第三个参数是什么意思?

解答:如果是true 就是在事件捕获阶段调用,如果是false则是在事件冒泡阶段调用。

24、这样用removeEventListener("click",function(){})有效果么?

解答:这样是没有效果的。虽然是一个函数,但是JS会认为传入了一个另外一个函数,虽然和之前一个一模一样。

25、IE事件调用的方法是什么?

解答:IE用的是attach的方式,a.attachEvent("onclick",function(){}

二、dom对象常用的属性和方法有哪些?

1、DOM对象的一些常用方法:

1

2

3

4

5 Z-one

6

7

8

测试

9

测试

10

测试

11

12

以上面code为例子

(1)、document 对象

a、document对象属性

document.doctype;//可以知道文档声明,如果没有return null;这里是

document.doctype.name//知道文档声明的名字.

document.head//很明显选取head节点.就是这段

document.body//选取body节点.

b、location

我记得location一般主要是用来获取地址。常用方法:

1 document.location.href//获取当前地址

2 document.location.assign(http://www.baidu.com)//分配一个地址

3 另外如果href 是获取当前地址,如果给他赋值,把一个地址给他,也能达到assign的效果;

4 document.location="http://www.baidu.com"

5 或者

6 document.location.href="http://www.baidu.com"

innerText,innerHTML;

这二个放一起说,主要是都挺像的,这两个的作用都是往文档中写出内容,但是区别主要是:

document.body.innerText("Z-ONE") 主要是写入一个纯文本内容,此时并不是标签。而是一个文本"".(其实这样也显得innerText的安全性高一点)

document.body.innerHTML("z-one")也是写入一个纯文本内容,但是不会将HTML标签进行转义。

另外innerHTML是符合W3C协议的,而innerText只适用于IE浏览器。

c、Element元素

Element的几个必要重要的属性 感觉常用的就是:

1

2

3

4

5 Z-one

6

7

8

测试

9

测试

10

测试

11

23

24

获取元素的方法获取元素的方法主要有三种:

通过ID

通过类名

通过元素种类*(针对于input元素 通过分组名字)

通过DOM2的方法下面这个例子很好表示了获取元素的几种方法

1

测试

2

测试

3

测试

4

5

25

26

27

28

属性操作

Element的属性操作一般就下面四种:

getAttribute 获取一个属性。

setAttribute 设置一个属性。

removeAttribute 删除一个属性。

createAttribute 新建一个属性。举个例子吧

1

2

3

4

5 获取属性

6

7

8

9

10

2、事件处理

(1)、DOM0级事件处理

还是用一个例子说明:

1

2

3

4

5 Document

6

7

8

9

10

这一种应该算是比较常见的一种操作方式。没什么好说的。我们看下面

(2)、DOM2级事件处理程序

这里前面区别开来,就是我是你的升级版!。出了这两个方法addEventListener();//添加removeEventListener();//去除

1

2

3

4

5 DOM2级

6

7

8

9

10

20

(3)、IE事件调用

1

2

3

4

5 IE事件调用

6

7

8

9

10

21

三、测试题-简答题

1、我们熟知location是window的属性或者说对象,那么document对象有location属性么?

解答:window有location对象,document同样有location对象,

2、如何获取一个html的文档声明?

解答:document.doctype;//可以知道文档声明,如果没有return null;这里是

3、一个有如下 文档声明的html文档,它的文档声明的名字是什么?

解答:html

4、如何获取一个html的head部分?

解答:document.head//很明显选取head节点.就是这段

5、如何获取一个html的body部分?

解答:document.body//选取body节点.

6、如何获取一个文档的文档声明的名字?

解答:document.doctype.name//知道文档声明的名字.

7、document的location属性是来干嘛的?

解答:ocation一般主要是用来获取地址。

8、如何获取一个文档当前的地址?

解答:document.location.href//获取当前地址

9、给文档重新分配地址的三种方法是哪三种?

解答:分别是location,location的assign方法和href属性。 document.location.assign(http://www.baidu.com)//分配一个地址 document.location="http://www.baidu.com" document.location.href="http://www.baidu.com"

10、innerText和innerHTML的区别是什么(两点区别)?

解答:一个是获取文本,一个是获取标签。 innerText是IE特有,innerHTML则是符合W3C协议的。

11、innerText里面的标签还是标签么?

解答:不是,已经转义为了文本。

12、element常用的几个属性是哪几个?

解答:id、nodeName、className、child、lastchild、firstchild、nextSibing、previousSibing

13、如何通过DOM2方法获取一个标签?

解答:var d=document.querySelector("#p1");

14、DOM2获取一个标签的两个常见方法是哪两个?

解答:querySelector和querySelectorAll

15、querySelector和querySelectorAll和区别是什么?

解答:前者获取一个,后者获取所有对应标签的。

16、如何在body中把b标签插入到a标签之前?

解答:document.body.insertBefore(b,a);//把b插在a前面- - 17、

17、insertBefore除了成为普通元素的方法,可否成为body的方法?

解答:肯定可以啊

18、在body中用c标签替换b标签怎么实现?

解答:document.body.replaceChild(c,b);//(new,old)

19、属性操作的四个方法是哪四个?

解答:set,get,create,remove,后面分别接Attribute

20、DOM0点击事件怎么写?

解答:a.onclick=function(){}

21、DOM2点击事件怎么写?

解答:btn.addEventListener("click",fun,false)

22、DOM2中主要操作事件的两个方法是哪两个?

解答:add和remove接EventListener

23、btn.addEventListener("click",fun,false)中的第三个参数是什么意思?

解答:如果是true 就是在事件捕获阶段调用,如果是false则是在事件冒泡阶段调用。

24、这样用removeEventListener("click",function(){})有效果么?

解答:这样是没有效果的。虽然是一个函数,但是JS会认为传入了一个另外一个函数,虽然和之前一个一模一样。

25、IE事件调用的方法是什么?

解答:IE用的是attach的方式,a.attachEvent("onclick",function(){}

相关文章

三星+android+u盘模式,三星手机usb存储器如何连接电脑的【详解】
365bet育在线网址

三星+android+u盘模式,三星手机usb存储器如何连接电脑的【详解】

⌚ 07-16 👁️‍🗨️ 2195
橘街(橘子街)
365bet育在线网址

橘街(橘子街)

⌚ 11-26 👁️‍🗨️ 4078
超级捕快免费版 v15.4.3690白金版
365bet育在线网址

超级捕快免费版 v15.4.3690白金版

⌚ 10-19 👁️‍🗨️ 2884