Re: Putting DIV wrapper around all code in body

On Mar 30, 10:58 pm, Alexey Kulentsov <a...@xxxxxxxx> wrote:
andrej.kau...@xxxxxxxxx wrote:
Initial DOM

<body>
<div>
<p>Some text</p>
...
Modified DOM with javascript

<body>
<div id="myWrapper">
<div>
...
Any idea?

HTML

<head>
<script>

function addDiv()
{
// get body tag
var body=document.getElementsByTagName('body').item(0);

// create div element
var div=document.createElement('div');

// demonstrate it
// set id here if you want
div.style.border='1px solid red';
div.style.padding='0 1ex';

// while here is child in body..
var e;
while(e=body.firstChild)
// move it to div
div.appendChild(e);

// append div to body
body.appendChild(div);

}

</script>
</head>
<body onload="addDiv()">
<div>
<p>Some text</p>
<p>More text</p>
</div>
</body>

/HTML

From personal experience I know that moving a LOT of elements (or
creating a LOT of new ones) can cause the browser to move slowly and
make a user experience not so nice, so this method shouldn't be used
on very large pages.

Couldn't we try an approach using the innerHTML? :-/
.

Relevant Pages

  • Re: Putting DIV wrapper around all code in body
    ... // get body tag ... var body=document.getElementsByTagName.item; ... but the value returned by innerHTML is not necessarily the same ...
    (comp.lang.javascript)
  • Re: Putting DIV wrapper around all code in body
    ... // get body tag ... var body=document.getElementsByTagName.item; ... but the value returned by innerHTML is not necessarily the same ...
    (comp.lang.javascript)
  • Thumbnail Viewer adjusting
    ... here is simple and compact image viewer script, I'm satisfied with it, but ... as a thumbnail), resize it dynamically for thumbnail, so this did not ... //write out HTML for Image Thumbnail Viewer plus loading div ... var ie=document.all &&!window.opera ...
    (comp.lang.javascript)
  • Re: Help needed for a expand-collapse menu
    ... function getParentByTag(element, tag) { ... var div = getParentByTag; ... if (!div) return; // Fail silently ... so I need help with the collapse part and this is how I would like to ...
    (comp.lang.javascript)
  • RE: IE 7 Appears to Hang after JScript runs (code works in IE 5.5 & IE
    ... and all the JavaScript is in .js files. ... The div contains a list, user selects something and the onMouseUp event ... IE7 window or otherwise moves focus off, ... var iXOffset = oDivDdn.style.width; ...
    (microsoft.public.scripting.jscript)