Resize your body using JavaScript

Question

How to resize (width and height) a body element after loading content?

Limitations:

Only targeting WebKit browsers
Cannot use frameworks like jQuery
Unable to make changes to the original HTML file; only execute javascript after loading the content.

+3

hpique Oct 2 '10 at 12:08

2 answers

You can use the onloadJS event in the tag <body>. For example: <body onload="ResizeBody();">. And the function might look like this:

function ResizeBody() {
    document.body.style.width=your_width;
    document.body.style.height=your_height;
}

Now it works, sorry for the previous error (not stylein the tree).

+2

rhino Oct 2 '10 at 12:10

glebm · Accepted Answer · 2010-10-02T12:15:55+0000

window.addEventListener("load", function() {
  document.body.style.width = '600px';
}, false);