javascript第二天（dom，bom操作）

1.javascript是由ECMASript（语法），Browser Object(DOM,BOM)特性组成

2.基本的Dom查找的方法：

document.getElementById("id"),返回对拥有指定ID的第一个对象的引用，返回DOM对象。

document.getElementByTagName("tag")，返回对所有tag标签的集合。

3.javascript也可以动态的给元素设置样式，设置的语法是：

ele.innerHtml,返回ele元素开始和结束标签之间的html；ele,innerHtml='html'，设置ele元素开始和结束之间的html内容的为html

4.ele.className返回ele元素的class属性；ele.className='cls',设置ele元素的class属性为cls.class属性即class的值，可以动态的替换class得值，替换本身的class.class.className是重新设置类，替换本身的class.如果元素有2个以上的class属性值，那么获取这个元素的className属性时，会将它的class属性值都打印出来。

5.使用style属性设置元素的css样式。

6.元素的属性操作：

ele.getAttribute("attribute"),获取元素的attribute属性，说明ele是要操作的dom对象，attribute是要获取的htnl属性

ele,setAttribute("attribute",'value‘），attriute为设置的的名称，value为设置的attribute属性的值，如果value是字符串，需加引号

ele.removeAttribute("attribute"),删除ele上的attribute属性

7.事件

事件就是文档或浏览器窗口中发生的一些特定的交互的瞬间；

html事件：

  直接在html元素的标签内添加事件，执行脚本。 <tag  事件=“执行脚本"></tag>在html元素上绑定事件，执行脚本可以是一个函数的调用。

onload:页面加载时触发；onlick:鼠标点击时触发；onmouseover:鼠标滑过时触发;onmouseout鼠标离开时触发；onfoucs：获得焦点时触发，用于input标签类型为txt,password,textarea时；onblur:失去焦点时触发；onchange:域的内容改变时发生。

关于this指向，在事件触发的函数中，this是对dom对象的引用。

Dom0级事件：通过Dom获取html元素，（获取html元素）.事件=执行脚本；ele,事件=执行脚本，在dom对象上绑定事件。不建议使用html事件原因，当多元素绑定相同事件时，效率低。不建议在html元素中写javascript的代码。

鼠标事件：

onsubmit：表单中的确认的按钮被点击时发生，不是加在按钮时，而是在表单上；onmousedown:鼠标按钮在元素按下时触发；onmouseup:在元素上松开鼠标按钮时触发；onresize:当调整浏览器器窗口时触发；onscroll:拖动滚动条滚动时触发。

键盘事件与keycose属性：

onkeydown:在用户按下一个键盘按键时发生

onkeypress:在键盘按键被放下并释放一个键时发生

onkeyup:在键盘按键被松开时发生

keycode:返回onkeypress,onkeydown,onekeyup事件触发的键的值的字符代码，或键的代码。

document.οnkeydοwn=function(event){};event代表事件的状态，如触发event对象的元素，鼠标的位置及状态。