Accessing the body element with Javascript

[DragonEye]

Hi there,

I'm taking my first steps at AJAX and what I'm trying to do is make a box appear when user input in a form was incorrect.

I want to add that element (the UL element) as a child of the body tag but I can't access it.

How can I add an element in the body tag?

Thanks for the help

Matt.

[DragonEye]

I was a bit vague in my first post. This is the code I'm trying to execute:

var errorlist = document.createElement("UL");
errorlist.setAttribute("id","errormessages");
		
var targetelement = document.forms["adduserform"];
		
document.body.insertBefore(errorlist,targetelement);

In Iexplore i get a vague errormessage that the argument was not valid

In FF it says something about missing node... I don't get it

Matt.

[Boogle]

Hey, you are using the insertBefore method wrong, this is why your argument is invalid:

see here http://groups.google.com/group/comp....9ba423f5adf39c

var errorlist = document.createElement("UL");
                errorlist.setAttribute("id","errormessages");
        		
                var targetelement = document.forms["adduserform"];
        		
                if (targetelement != null) 
                { 
                targetelement.parentNode.insertBefore(newA, refObj); 
                }

You always need to call the DOM methods insertBefore and appendChild on
the parent node you want to append to or insert into.

HTH's

Boog's

[nasty.web]

The following code works perfectly for me:

        var errorlist = document.createElement("UL");
        errorlist.setAttribute("id","errormessages");
		
        var targetelement = document.forms["adduserform"];
		
        document.body.insertBefore(errorlist,targetelement);
        
        document.getElementById("errormessages").innerHTML = '<li>Test</'+'li>';

[DragonEye]

that fixed it, thanks