appendChild bara i XML

Hej!

Jag lyckas inte med appendChild. Låt säga att man har följande html:

<div id="maindiv">
<p>text...</p>
<p>text igen...</p>
</div>

Och sedan skulle jag vilja lägga till en ett p-element med appendChild, hur gör jag då? Just nu använder jag innerHTML men jag skulle hellre vilja köra med appendChild om det nu går, jag lyckas bara hitta tutor som gör det med inladdade xml-filer

// Hjälp uppskattas!

Såhär kanske?

<script language="javascript">
var div = document.getElementById("maindiv");
div.appendChild(createParagraph("någon text"));

function createParagraph(in_text)
{
var new_p=document.createElement("p");
new_p.innerText = in_text;
return new_p;
}
</script>

yohpops skrev:

Såhär kanske?

<script language="javascript">
var div = document.getElementById("maindiv");
div.appendChild(createParagraph("någon text"));

function createParagraph(in_text)
{
var new_p=document.createElement("p");
new_p.innerText = in_text;
return new_p;
}
</script>

Det funkade när jag ändrade innerText till innerHTML , tack så mycket för hjälpen :birp

Jag kom på att jag skulle behöva få elmentet att hamna före alla tidigare element, testade med getElementById("maindiv").childNodes[0].appendChild... men det gick givetvis inte...

Gör så här:

var newElement = document.createElement(...);
var mainDiv = document.getElementById("maindiv");
mainDiv.insertBefore(newElement, mainDiv.firstChild);

Ett hett tips är att bookmarka exempelvis http://developer.mozilla.org/en/docs/DOM:element

Tack, nu funkar det utmärkt!