DOM:Document Object Model 文档对象模型
对象的三种类型:用户定义类型、内建对象、宿主对象
对象的三种类型:用户定义类型、内建对象、宿主对象
节点类型:元素节点、文本节点、属性节点
getElementById()方法:
- 将返回一个与那个有着给定id属性值的元素节点相对应的对象
- 这是document对象特有的函数,函数名后面必须跟着一对圆括号,这对圆括号包含着函数的参数
- getElementById方法只有一个参数就是你想获得的id值,必须放在单引号或者双引号里面,再放在圆括号里面。
- 例子:document.getElementById("purchases") 这个调用将返回一个对象,这个对象对应着document对象里一个独一无二的元素,那个元素的id属性值是purchases。
- 获取没有id属性的对象用getElementByTagName方法
getElementByTagName()方法:
- 将返回一个对象数组
- 只有一个参数,它的参数是标签的名字
- 例子:document.getElementByTagName("li")
- getElementByTagName允许把一个通配符(*)作为它的参数
getElementByClassName()方法:
- 将返回一个具有相同类名的元素数组
- 只有一个参数,那就是类名
- 还可以查找多个类名的元素,指定多个类名,只需在字符串参数中用空格分隔类名即可
- 这个方法比较新,较新的浏览器才支持
getAttribute()方法:
- 这是一个函数,它只有一个参数--你打算查询的属性的名字
- getAttribute方法不属于document对象,只能通过元素节点对象调用
- 例子:p.getAttribute("title") ---获取p元素的title属性
setAttribute()方法:
- 只能用于元素节点,用于对属性节点的值做出修改
- 此方法可以修改文档中任何一个元素的任何一个属性
- 有两个参数,一个是属性名。一个是属性值
- 例子:sex.setAttribute("title","good")