点击按钮改变页面某个div的css样式
时间: 2024-03-02 08:50:07 浏览: 145
div漂亮按钮
好的,可以使用JavaScript来实现这个功能。首先,需要在html中给按钮和需要改变样式的div添加一个id,例如:
```html
<button id="changeStyleBtn">点击改变样式</button>
<div id="styleDiv">我是需要改变样式的div</div>
```
然后,在JavaScript中获取这两个元素,并在点击按钮时改变div的样式,代码如下:
```javascript
// 获取按钮和需要改变样式的div
var changeStyleBtn = document.getElementById("changeStyleBtn");
var styleDiv = document.getElementById("styleDiv");
// 给按钮添加点击事件
changeStyleBtn.onclick = function() {
// 改变div的样式
styleDiv.style.color = "red";
styleDiv.style.backgroundColor = "yellow";
styleDiv.style.fontSize = "24px";
};
```
在这个例子中,当点击按钮时,div的文字颜色会变为红色,背景颜色会变为黄色,字体大小会变为24px。你可以根据需要修改代码中的样式属性。
阅读全文