js的事件

事件

#box1{

background: lightblue;

}

js的事件

写法:

dom.事件名 = function(){

点击之后执行的动作

}

onclick 点击事件

onmouseover 鼠标移上事件

onmouseout 鼠标移出事件

-->

点我试试!

变变变

// 1.获取要点击的元素

---

var oDiv = document.getElementById("box1");

---

var oBtn = document.getElementById("btn");

// 2.绑定点击事件  function函数(方法)--点击做什么

oBtn.onclick = function(){

// alert("你居然真的点了!~~");

oDiv.style.cssText = "background: yellow;";

}

// 绑定鼠标移上事件

oDiv.onmouseover = function(){

// alert("干嘛移过来?!");

oDiv.style.cssText = "background: lightgreen;";

}

// 绑定鼠标移出事件

oDiv.onmouseout = function(){

oDiv.style.cssText = "background: lightcoral;";

}