---
title: "appendChild bara i XML"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/163248-appendchild-bara-i-xml"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "vic"
published: "2007-08-07T10:09:09.000Z"
updated: "2007-08-07T11:18:38.000Z"
replies: 5
views: 528
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/163248-appendchild-bara-i-xml"
---

# appendChild bara i XML

## #1 — vic, 2007-08-07T10:09Z

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!

Permalänk: https://www.webforum.nu/p/163248

## #2 — yohpops, 2007-08-07T10:13Z

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>
```

Permalänk: https://www.webforum.nu/p/2012443

## #3 — vic, 2007-08-07T10:26Z

> **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

Permalänk: https://www.webforum.nu/p/2012444

## #4 — vic, 2007-08-07T10:58Z

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...

Permalänk: https://www.webforum.nu/p/2012455

## #5 — spango, 2007-08-07T11:06Z

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>

Permalänk: https://www.webforum.nu/p/2012457

## #6 — vic, 2007-08-07T11:18Z

Tack, nu funkar det utmärkt!

Permalänk: https://www.webforum.nu/p/2012461

---

Tråden på webben: https://www.webforum.nu/amne/javascript/163248-appendchild-bara-i-xml