Question

我也不太熟悉css和JS代码。我必须做这样的事情：

在css中转换此代码：

<div class="siebui-span-lg-6 siebui-span-md-6 siebui-span-sm-12" style="width:60%"></div>

到JS代码。

有任何帮助吗？非常感谢

Answer 1

您可以通过element.style字段访问元素样式，然后将其设置为某个值：

var divElement = document.querySelectorAll('div.siebui-span-lg-6.siebui-span-md-6.siebui-span-sm-12')[0];
divElement.style.width = "60%";
console.log(divElement.style.width);

<div class="siebui-span-lg-6 siebui-span-md-6 siebui-span-sm-12"></div>

Answer 2

<script>
var elements= document.getElementsByClassName('siebui-span-lg-6 siebui-span-md-6 siebui-span-sm-12');
for (var i=0; i< elements.length; i++){
      elements[i].style.width="60%";
}
</script>

或者您可以将id添加到div并且只是：

document.getElementsById('yourId').style.width="60%";

Answer 3

我做了你所有的建议，但它没有返回想要的结果：/ div不会偏离其默认宽度'50％'

在JS代码中使用css来调整div的大小

3 个答案: