vue// 获取按钮和div元素const button = document.querySelector('button');const div = document.querySelector('div');// 添加点击事件监听器button.addEventListener('click', () => { // 修改div元素的background-color属性为红色 div.style.backgroundColor = 'red';});这段代码写在<script>标签里的哪
时间: 2024-01-22 15:19:35 浏览: 104
vue 的点击事件获取当前点击的元素方法
这段代码可以写在`<script>`标签中,或者单独放在一个`.js`文件中引入到HTML文件中。需要注意的是,这段代码应该放在HTML文件中对应的按钮和div元素之后,否则获取不到这两个元素。例如:
```html
<button>点击我</button>
<div>我会变成红色</div>
<script>
const button = document.querySelector('button');
const div = document.querySelector('div');
button.addEventListener('click', () => {
div.style.backgroundColor = 'red';
});
</script>
```
阅读全文