How to add an element to 'body' using Prototype?

I have created an element like this:

var myDiv = new Element('div');
myDiv.update('Hello!');

I want to add myDiv to body.

I tried

$('body').insert(myDiv);

But it is not working. I also tried

$('body')[0].insert(myDiv);

thinking that $('body') was returning an array. Even that didn't work.

How can I add myD开发者_如何学Goiv to body?

Thanks.

How about

$(document.body).insert(myDiv);

?

Differently from jQuery, in Prototype, $('body') fetches the element with the id body.

$ is a shorthand for document.getElementById(), $$ is the more versatile prototype function. To access the (first) body element in your document, use:

$$('body')[0].insert(myDiv);

$$('body')[0] works fine

As Pekka said, you first need to extend document.body with Prototype's DOM extensions to be able to use Prototype's insert() method. Although Firefox seems to somehow be able to execute the insert() anyway :)

for more information: http://www.prototypejs.org/learn/extensions