更改HTML属性

HTML有很多属性，比如src、href、title等。JS可以更改HTML的任何属性，方法有两种：点语法和setAttribute()、getAttribute()。得到一个元素后直接打点调用它的属性名，就能对HTML相应的属性进行更改。注意ID不能更改，ID只是读的。
class属性，要是换成className,因为class是js保留字。如果想换一个HTML元素的class属性，那么就要打点调用.className属性。不仅仅是class属性需要用ClassName避讳一下还有：for要写成.htmlFor(label用的)、rowspan要写成rowSpan。
操作元素样式：通过点语法.style能够得到所有样式的发封装，注意:只能得到行内样式，所有写在css内嵌的、外联的一律不能得到。可以通过语法：oBox.style.css样式名得到某一个样式，注意的是，所有css中有连字符的样式，都要转成驼峰：console.log(oBox.style.backgroundColor);
	   console.log(oBox.style.borderTopStyle);
	也可以用=来更改css样式，所有更改的样式，也是行内样式。设置的时候也是驼峰。等号右边就是css写法，用引号引起来。
	事件监听：JavaScript制作交互效果，离不开事件。所谓的事件就是用户的某个行为，能够触发一个函数的执行。
	//得到这个box
	var oDiv = document.getElementById("box");
	//事件
	oDiv.onclick = function(){
			alert("你好，点我干嘛！");
	}
	也可以：
	oDiv,onclick = fun;
	function fun(){
			alert("你好，点我干嘛！");
	}
	原来我们想要一个函数执行，必须调用函数，比如：fun();现在一个函数可以当做一个事件的处理函数，当这个事件发生的时候，函数也能执行了。
	onclick  单击
	onmouseover    鼠标进入
	onmouseout      鼠标离开
	ondblclick          双击
	onfocus             得到焦点
	onblur                失去焦点
	onmousedown   鼠标按下
	onmouseup       鼠标按键抬起
	getattirbute()和setattirbute()
	调用style时获取到的是字符串，不需要忌讳关键字，可以获取自定义属性。