我需要 2 个简单的 JavaScript 函数来读取和更改点击时的 div 颜色。 除了简单的 html、css、JS 之外,我不想使用框架、jQuery 等任何其他方式。 我写的代码不工作如下:
随机化颜色
<script>
var colorArray = {yellow, red, blue, purple};
function readColor () {
color = document.getElementById("color");
}
function changeColor (color) {
var randomColor = colorArray[Math.floor(Math.random() * colorArray.length)];
document.getElementById('color').style.backgroundColor = randomColor;
var colors = document.getElementById('color');
colors.style.backgroundColor = color;
}
</script>
<style type = "text/CSS">
<!--
#color {
background-color: yellow;
}
-->
</style>
<div id="color" style="border-color: #eee; border-style: solid; width: 300px; height: 300px; margin-right: auto; margin-left: auto; margin-top: 200px; padding: 50px; background-color: yellow;" onChange = "readColor ();">
Aici are loc lupta
</div>
<div style="text-align: center; margin-top: 20px;">
<input type="button" name="Change color" value="Change Color" onClick = "changeColor ()">
</div>
最佳答案
我相信只是改变
var colorArray = {yellow, red, blue, purple};
到
var colorArray = ['yellow', 'red', 'blue', 'purple'];
应该这样做..
关于javascript - 如何使用 JS 函数更改页面中的元素样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9889084/