0
我已完成学习Javascript codeacademy。我现在正在练习我的香草JS技巧。通过单击事件更改div的背景颜色
我想构建一个非常简单的代码,每次单击一个按钮时都会更改div的背景(我意识到我可以直接通过ID选择div,但我使用的是不同的选择器类型和方法,因此我可以获得习惯了)
document.getElementById("changeColor").addEventListener("click", function() {
var div = document.getElementById("child").parentNode;
var random = Math.floor(Math.random() * colors.length);
var colors = ["AliceBlue", "AntiqueWhite", "Aqua", "Aquamarine"];
div.style.backgroundColor = colors[random];
})
<div id="example" style="width: 500px; height: 200px; border: solid black 1px; padding: 10px;">
<p id="child">This is just a quick test</p>
</div>
<button id="changeColor">Change Color</button>
我没有看到一个问题,你有什么需要帮助? –
请确保检查浏览器控制台是否有错误。 –