JS 事件、IE attachEvent

当对文档中的元素进行操作的时候或者文档的状态发生改变的时候会产生一个事件

事件的三要素: 事件源、事件类型、事件的处理程序

准备知识

<style type="text/css">
    div{
        width:100px;
        height:100px;
        background:#123548;
        margin-bottom:20px;
    }
    .item{
        border-radius:20%;
    }
</style>
<div id="test" style="width:200px;height:200px;background:pink"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
//使用js获取页面元素
var test = document.getElementById('test');

//修改元素的样式
test.style.background = '#222';

//修改元素的文本
test.innerHTML = '我有点饿了!!!';

//添加属性
test.setAttribute('title','这是一个div');

//批量的操作
//通过标签名来获取元素
var divs = document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++) {
    //样式操作
    divs[i].style.background = 'black';
    //文本操作
    divs[i].innerHTML = '<span style="color:white">我真的有点想吃炸鸡排了!!!!</span>';
    //属性操作
    divs[i].setAttribute('class','item');
}
</script>

IE attachEvent

<div style="width:100px;height:200px;background:#456"></div>

<script type="text/javascript">
//通过标签名获取元素
var div = document.getElementsByTagName('div')[0];

div.attachEvent('onclick', function(){
    alert('我是ie的绑定方式');
});
</script>