我正在使用JavaScript动态创建按钮；我希望每个按钮都有自己的背景图像。我该如何实现？
到目前为止，我的代码是：
<html>
<body>
<script>
function buttonsCreate() {
for (var i = 0; i <= 10; ++i) {
var button = document.createElement("button");
var Area = document.getElementById("Area");
Area.appendChild(button);
button.setAttribute("onClick", "eventHandlerForButtons('" + i + "');");
}
}
function eventHandlerForButtons(alertText) {
alert(alertText);
}
</script>
<button onClick="buttonsCreate();">Create Buttons</button>
<div id="Area"></div>
</body>
</html>
最佳答案
在for循环内尝试button.style.backgroundImage = "url(" + array[i] + ")";。将array替换为您自己的数组变量。
也不要以大写字母开头变量名称和元素ID，例如Area-> area。
您可以将var Area = document.getElementById("Area");移动到for循环之外。不需要调用10次。
关于javascript - 创建带有动态背景图像的按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42503215/