绑定事件的两种方式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>绑定事件的两种方式</title>
</head>
<body>
<div class="div1" >hello div
<!--<p id="ppp" onclick="fun1()">hello p</p>-->
<p>hhh</p>
</div>
<script>
//方法一:通过在标签内部绑定函数
// function fun1() {
// alert('div tag')
//
// }
//方法二:通过获取标签绑定函数
var tag=document.getElementsByClassName('div1')[0];
tag.onclick=function () {
alert('div1');

}




</script>

</body>
</html>
posted @ 2020-02-05 16:26  Stary_tx  阅读(183)  评论(0编辑  收藏  举报