定义两个div,id分别为div_1,div_2,内容为空。 定义一个button按钮,id为button_1。 给button添加两个click事件监听处理程序。 其中第一个事件处理程序修改div_1的内容为"click"字符串(不要引号)。 其中第二个事件处理程序修改div_2的内容为"click"字符串(不要引号)。
时间: 2024-03-24 21:40:36 浏览: 13
可以按照以下方式来实现:
```html
<div id="div_1"></div>
<div id="div_2"></div>
<button id="button_1">Click me</button>
<script>
const div1 = document.getElementById('div_1');
const div2 = document.getElementById('div_2');
const button = document.getElementById('button_1');
button.addEventListener('click', function() {
div1.textContent = 'click';
});
button.addEventListener('click', function() {
div2.textContent = 'click';
});
</script>
```
在上述代码中,我们首先通过`document.getElementById`方法获取了`div_1`、`div_2`和`button_1`三个元素的引用,并将它们分别存储在`div1`、`div2`和`button`变量中。然后,我们分别为`button`添加了两个事件监听处理程序,分别在点击按钮时修改`div_1`和`div_2`的内容为`'click'`字符串。注意,我们使用`textContent`属性来设置元素的文本内容,而不是使用`innerHTML`属性,以避免不必要的HTML解析和渲染。