在JS代碼中使用CSS來調整div的大小

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，以股利和公正：

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

Answer 3

我做了所有建議，但沒有返回想要的結果：/ div不會從默認寬度'50％'移動