DOM文档对象模型小结

240 阅读2分钟

关于DOM中的对象

一个html文档中,所有的元素都是对象,document是整个文档的顶级对象,通过这个dom提供的方法,可以访问到文档中的属性和方法。 “对象”是一种自足的数据集合,与某个特定对象相关联的变量被称为这个对象的属性;只能通过某个特定对象去调用的函数被称为这个对象的方法。 具体在JavaScript中的对象分为3中类型:

【任何一个对象都具有属性和方法,属性主要是用来描述对象的一些特征,例如人这个对象的属性有,年龄·身高·职业等 而方法就是对象能调用的函数,即表示对象的一些行为,比如跑步,唱歌,工作等】

对象都有自己的属性和方法。一般而言,对象有一个叫length的属性,即表示对象中元素的长度。

获取一个对象之后,我们可以付给一个变量,我们給这个变量起一个数据类型,叫对象变量。

只要通过DOM获取过来的节点,我们都叫他对对象。

1 用户自定义对象

2 内建对象:内建在JS语言里的对象,如Array,Math,和Date等

3 宿主对象:由浏览器提供的对象

dom节点

一个网络就是由一些节点构成的集合

编号 节点名称
1 元素节点
2 文本节点
3 属性节点

获取元素

1 getElementByID DOM提供了一个名为getElementByID的方法,这个犯法将返回一个与那个有着给定id属性值的元素节点对应的对象。(区分大小写)

语法格式:document.getElementByID(id)

意义:这个调用将返回一个对象,这个对象对应着doucument对象里的一个独一无二的元素。

2 getElementsByTagName

该方法将返回一个数组对象,每个对象分别对应着文档里有着给定标签的一个元素。类似于getElementsById,这个方法也是只有一个参数的函数,它的参数是标签的名字

获取和设置属性

1 getAttribute 是一个函数,他只有一个参数,你打算查询的属性的名字

object.getAttribute(attribute)

getAttribute 不属于document对象,所以无法通过document对象调用,它只能通过元素节点对象调用。

2 setAttribute

语法 object.aetAttribute(attribute,value);

表示对某个属性的值进行修改,假设原属性节点不存在,则系统会自动创建一个新的属性节点,并且给它赋值。

###代码

例如