4月12日--课堂笔记--DOM

JavaScript Day9

一、    DOM

1. document：当前浏览器窗口打开的页面文档对象

a) write方法：在当前页面中输出指定内容

b) getElementById：根据元素（标签）的id属性值获取一个元素对象；如果有同id的则仅获取第一个

c)  getElementsByName：根据元素的name属性值获取所有与指定值同名的元素

d) getElementsByTagName：根据元素名（标签名）获取所有与指定值同名的元素，可以由元素调用（见5-c）

1. 元素操作：几乎所有元素的属性都可以使用元素变量名.属性名的形式访问

二、    DOM操作

1. 访问样式：通过style属性（style=”color:red;font-size:24px”）;需要注意复合单词的样式名称，必须进行转换
   obj.style.fontSize=”20px”;
   border-top-style à borderTopStyle
2. 在事件所绑定的回调函数中，this表示事件源（发生事件的元素）
3. 当修改的样式比较多时，可以借助于样式表，为不同状态下的样式分别定义一个类选择器，在脚本中使用className（而不是class）进行访问