Javascript DOM Problem creating elements and appeding them insertBefore

Hello:
I,m trying to write some code to create a a div with a class and and id. I believe I have that part correct, I then create a <p> element, I then create a text node to go inside the <p> tag the issue is trying to append everything. I need to work dynamically

This is what I'm trying to do
var element = document.getElementsByClassName("creditCardSummary");

var parent= element.parentNode;

//create div

var newDiv = document.createElement("div");
newDiv.id "newcc";
newDiv.className = "creditCardSummaryWrapper";

//Create a paragraph tag
var para = document.createElement("p");
alert("here")
var node=document.createTextNode("CardNumber:cshadow Experation:monthyear");

//The monthyear and cshadow are variables that hold information I
//captured from a form successfully.

para.appendChild(node);

I can't figure out out how to append all this so div ,<p >and text  to show up.


parent.insertAfter(element, para); //I know something is missing.

Your help is greatly appreciated, thanks in advance
PH

URL: http://able2know.org/topic/223938-1#post-5458465

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.