{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 姐就是有狂的资本 的问题《Set element width or height in Standards Mode》','https://www.manongdao.com/q-187709.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Is it possible to set width or height of HTML element (ex. <div>) in JavaScript in Standards Mode?
Note the following code:
<html>
<script language="javascript" type="text/javascript">
function changeWidth(){
var e1 = document.getElementById("e1");
e1.style.width = 400;
}
</script>
<body>
<input type="button" value="change width" onclick="changeWidth()"/>
<div id="e1" style="width:20px;height:20px; background-color:#096"></div>
</body>
</html>
When user presses the change width button, the <div>'s width should change.
It works fine when doctype declaration determines Quirks Mode. In Standards Mode I'm unable to change the element's size this way
Is it possible to manipulate the size of an element in Standards Mode? How to bypass this disfunctionality?
The
styleproperty lets you specify values for CSS properties.The CSS
widthproperty takes a length as its value.Lengths require units. In quirks mode, browsers tend to assume pixels if provided with an integer instead of a length. Specify units.
Try declaring the unit of width: