Set element width or height in Standards Mode

javascript size standards element quirks-mode
rafalry picture rafalry · Jan 12, 2011 · Viewed 207k times · Source

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?

Answer

Alexandre Perez picture Alexandre Perez · Jan 12, 2011

Try declaring the unit of width:

e1.style.width = "400px"; // width in PIXELS

Related questions

How many bytes in a JavaScript string?

I have a javascript string which is about 500K when being sent from the server in UTF-8. How can I tell its size in JavaScript? I know that JavaScript uses UCS-2, so does that mean 2 bytes per character. However, does …

Read More
How to set twitter bootstrap modal wider and higher?

How to set twitter bootstrap modal wider and higher? Example here (please click: Launch demo modal): http://twitter.github.com/bootstrap/javascript.html#modals

Read More
Calculating usage of localStorage space

I am creating an app using the Bespin editor and HTML5's localStorage. It stores all files locally and helps with grammar, uses JSLint and some other parsers for CSS and HTML to aid the user. I want to calculate …

Read More