如何在JavaScript中设置div的宽度百分比？

是否可以使用JavaScript或jQuery以百分比设置元素的高度/宽度？

Answer 1

document.getElementById('header').style.width = '50%'; 

如果您使用的是Firebug或Chrome / Safari开发人员工具，请在控制台中执行上述操作，您将看到Stack Overflow标头缩小50％。

Answer 2

jQuery方式 –

 $("#id").width('30%'); 

Answer 3

我总是这样做：

 $("#id").css("width", "50%"); 

Answer 4

问题是你希望div的高度/宽度是百分之几？

默认情况下，如果为高度/宽度指定百分比值，则它将相对于其直接父级尺寸。 如果父级没有定义的高度，那么它将不起作用。

所以简单地说，记住设置父级的高度，然后百分比高度将通过css属性工作：

 obj.style.width = '50%'; 

Answer 5

是的：

 
Some Content........
 document.getElementById('#myid').style.width = '50%'; 

Answer 6

你也可以使用.prop（） ，因为它应该更好

从jQuery 1.6开始，无法再使用.attr（）方法设置这些属性。 它们没有相应的属性，只是属性。

 $(elem).prop('width', '100%'); $(elem).prop('height', '100%'); 

Answer 7

testjs2

  $(document).ready(function() { $("#form1").validate({ rules: { name: "required", //simple rule, converted to {required:true} email: { //compound rule required: true, email: true }, url: { url: true }, comment: { required: true } }, messages: { comment: "Please enter a comment." } }); }); function() { var ok=confirm('Click "OK" to go to yahoo, "CANCEL" to go to hotmail') if (ok) location="http://www.yahoo.com" else location="http://www.hotmail.com" } function changeWidth(){ var e1 = document.getElementById("e1"); e1.style.width = 400; }     
 
Name *
 
E-Mail *
 
URL 
 
Your comment *