我希望 for a div 通过两个数组和在 for
循环中指定不同的颜色和宽度,但我找不到如何完成此操作。所以我有 5 个 div,它们都应该有不同的颜色和单独的宽度。
这里有人有这方面的经验并且可以帮助我吗?谢谢。
<html>
<head>
<title>Hoi</title>
<script type="text/javascript">
var color = Array("#F00","#FF0","#0F0","#0FF","#00F");
var width = Array("20", "40", "60", "80", "100");
{
for (i=0; i<5; i++)
{
document.getElementById('div'+i).style.backgroundColor = color[i];
document.getElementById('div'+i).style.width = width[i];
}
}
</script>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
<div id="div5">div5</div>
</body>
</html>
最佳答案
将 for 循环更改为:
for (i=0; i<5; i++) {
document.getElementById('div'+i).style.backgroundColor = color[i];
document.getElementById('div'+i).style.width = width[i];
至
for (i=1; i <= 5; i++) {
document.getElementById('div'+i).style.backgroundColor = color[i-1];
document.getElementById('div'+i).style.width = width[i-1] + "px";
和 更改:
document.getElementById('div'+i).style.width = width[i];
至
document.getElementById('div'+i).style.width = width[i-1] + "px";
并在 body 标记关闭之前添加 js 代码 演示::jsFiddle
关于javascript - 如何更改 div 的颜色和宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21231243/