Question

我想要下面代码应该转换为

#A1, #A2, #A3, #A4{
   float: left;
   clear: left;
   width: 300px;
   margin: 15px;
}

到

#A1, #A2, #A3, #A4{
   float: left;
   clear: left;
   width: 400px;
   margin: 15px;
}

并且Width属性值应该是动态的。这应该来自javascript。我们怎么能这样做？

Answer 1

试试这个：

document.getElementById("id").style.width = "900px";

更改id找到的每个元素的宽度。理想情况下，您可以为A1，A2，A3和A4执行此操作。

Answer 2

编辑：好的，这是纯DOM版本：

function changeWidths(ids, width) {
    for(var i = 0; i < ids.length; i++) {
       document.getElementById(ids[i]).style.width = width + "px";
    }
}

changeWidths(["A1", "A2", "A3", "A4"], 400);

JavaScript不会直接对实际的CSS文本起作用，它会对元素的样式起作用。如果我们使用类似JQuery的东西，我们可以修改你提到的所有ID的宽度：

$("#A1, #A2, #A3, #A4").css({"width": 400});

Answer 3

document.getElementById("A1").style.width = "400px";

使用JavaScript修改CSS

3 个答案: