1.提取事件
1.为元素添加事件
- 点击按钮弹出对话框
<script>
window.onload = function(){
var oBtn = document.getElementById('btn1');
// function abc(){
// alert('a');
// }
// oBtn.onclick = abc;
//匿名函数 不用给函数取名字 方便
oBtn.onclick = function ()
{
alert('a');
}
}
</script>
</head>
<body>
<input id = "btn1" type="button" value="按钮">
</body>
2.获取一组元素
1.getElementsByTagName（获取标签名）
<style>
div{
width: 150px;height: 150px;border: 1px solid black;float: left;margin: 10px;}
</style>
<script>
window.onload = function(){
var oDiv = document.getElementsByTagName("div"); //获取到body里所有的div
for(var i = 0; i < oDiv.length; i++){
//需要用到数组一次性给所有div添加样式
oDiv[i].style.background = 'red';
}
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>