JAVASCRIPT DOM编程艺术读书笔记
第三章 DOM
DOM : D是doucument文档 O是对象Object (用户定义对象,内建对象,宿主对象) M模型Model
-->提一下:windows对象对于浏览器窗口本身,这个对象的属性和方法称之为BOM,提供了window.open window.blur等方法。
三种重要的节点:
- 元素节点:可包含其它类型的节点
- 文本节点:内容
- 属性节点:对元素做具体的描述,所有的属性都被元素包含
获取元素的3种方法:元素ID,标签名字,以及类名字
- getElementById(),id值必须放在单引号或者双引号中; document.getElementById("id"); 返回的是一个对象,可以用alert(typeof document.getElementById("id"));来验证
- typeof:操作数是一个字符串,数值,函数,布尔值还是对象。
- getElementsByTagName():返回一个对象数组,标签放在单引号或者双引号中
- 通配符必须放在“”里,为“”防止与乘号混淆
- 运用通配符可以快速的得出有多少个子元素
- 可以混合使用getElementById()与getElementsByTagName()得到某个具体id元素下的元素数组,每个值都是一个对象。
- -->var shopping = document.getElementById("purchase"); var items = shopping.getElementsByTagName("*"); alert(items.length);
- getElementsByClassName():是HTML5 DOM新增的一个方法,通过属性中的类名来访问元素:返回值与getElementsByTagName()类似
- 要指定多个类名,只需要在字符串参数中用空格分隔类名,其顺序不重要; 比如document.getElementsByClassName("purchases sale").length
- 每个节点都是一个对象,有自己的属性和方法;
在说明如何获得节点以后,本章又讨论了获取和设置属性的方法,如下:
- getAttribute():该方法只能通过元素节点对象调用;
- setAttribute():该方法允许我们对属性节点的值做出修改
查看4道真题和解析
爱玛科技公司福利 7人发布