事件绑定：标签上绑定、标签对象.on事件绑定

标签上绑定：

<div onclick='func()'></div>  //鼠标点击该区域后，调用func（）函数.

标签对象. on事件绑定：

<div class='c2'></div>

<script>

var ele=document.getElementsByClassName('c2')[0]    //通过属性查找，在查找出的结果中取出第一个标签，赋值给ele

ele.onclick=function(){

this.style.color='red';

}

</script>

查找标签：

通过以下方式找：

属性名class、id名id、tag名tag：

var ele = document.getElementsByTagName('p');

var ele = document.getElementsByClassName('c2');

var ele = document.getElementsByIdName('id_lj');

属性操作：

获取属性、设置属性、添加属性、删除属性

获取属性：

var ele=document.getElementsByClassName("c1")[0];

ele.getAttribute('id')或者ele.id

获取属性值：

a = ele.getAttribute('id');

属性赋值：

ele.setAttribute("id","d2")或者ele.id="d2";

class属性：

获取class属性值

b = ele.className;

增加class属性

ele.classList.add('hide');

删除class属性

ele.classList.remove('hide);