给 id 为 btn1 的标签绑定 onclick 事件:鼠标点击时,执行函数 styleOne:设置 id 为 content 的 div 的 class 名称为 styleOne。
时间: 2024-09-13 09:12:54 浏览: 34
在JavaScript中,你可以通过`addEventListener`方法给HTML元素绑定`onclick`事件。在这个例子中,你希望当用户点击id为`btn1`的按钮时,执行名为`styleOne`的函数,并改变id为`content`的div的class名。
以下是具体的代码实现:
```javascript
var btn1 = document.getElementById('btn1'); // 获取id为btn1的按钮元素
var content = document.getElementById('content'); // 获取id为content的div元素
function styleOne() {
content.className = 'styleOne'; // 当按钮被点击时,设置div的class为'styleOne'
}
btn1.addEventListener('click', styleOne); // 将styleOne函数绑定到btn1的click事件上
```
现在,只要用户点击`btn1`,`content`的class就会变为`styleOne`。
阅读全文