色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html點擊改變css

CSS
榮姿康1年前10瀏覽0評論

HTML中，我們可以通過JavaScript來實現點擊改變CSS樣式的效果，具體實現過程如下：

<!DOCTYPE html>
<html>
<head>
<title>點擊改變CSS樣式</title>
<style>
.box {
width: 200px;
height: 200px;
background-color: blue;
}
.red {
background-color: red;
}
</style>
</head>
<body>
<div class="box" onclick="changeColor()"></div>
<script>
function changeColor() {
var box = document.querySelector('.box');
box.classList.toggle('red');
}
</script>
</body>
</html>

上面的代碼演示了如何給一個class為box的div元素添加點擊事件，當點擊時，用JavaScript來修改該元素的class，從而改變它的CSS樣式，具體來說，我們使用了一個classList的方法：toggle()，它會在元素沒有red這個class時添加它，有的話就刪除它。