版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36640903/article/details/80433668
onclick()事件。当点击定义事件元素的时候触发该事件。
<html>
<head>
<title>JS</title>
</head>
<style>
#id1{
text-align:center;
width:200;
height:200;
background-color:red;
}
</style>
<body>
<script>
function juan(id){
id.style.width=400;
id.style.height=400;
id.style.backgroundColor="blue";
id.style.color="white";
}
</script>
<div id="id1" onclick="juan(this)">
<h1>敖帅帅</h1>
</div>
</body>
</html>代码详解：首先我们定义了一个div id1，通过css样式将其高和宽都设为200大小，背景颜色为红色，文本字体默认黑色。
然后我们在id1中使用了onclick()事件，当我们点击该id1的时候会调用click()中juan()函数。这里我们通过this来传参，this代表该函数的调用对象。在juan()中：将id1的长宽都设为400大小，背景颜色设为blue，文本颜色设为white。当我们点击id1后会看到如下的效果：
注：在js中还有许多非常有用的事件，原理和onclick()差不多，只要理解了一个其他也都通了。想要学习更多关于js的知识，建议看一下网W3C的文档或者去菜鸟教程学学也行。