---
title: "Problem med innerHTML"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/170865-problem-med-innerhtml"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "olarsson"
published: "2008-04-17T16:34:19.000Z"
updated: "2008-04-20T03:36:37.000Z"
replies: 5
views: 693
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/170865-problem-med-innerhtml"
---

# Problem med innerHTML

## #1 — olarsson, 2008-04-17T16:34Z

Jag skulle vilja lägga till lite ellement dynamiskt på sidan på följande vis:

```php
function startbuttonfunction() 
{ 
var pointsection=document.getElementById("elm1"); 
elm1.innerHTML+="<h1> Apan"; 
elm1.innerHTML+="har en banan"; 
elm1.innerHTML+="</h1>"; 

}
```

 

Resultatet blir tyvärr:

```
<h1> Apan <h1> har en banan
```

 

istället för som jag har tänkt mig ..

```
<h1> Apan har en banan <h1>
```

Hur borde man göra istället för att kunna bygga ellementen på ett dynaminskt vis?

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

## #2 — jawbreaker, 2008-04-17T17:15Z

Du får nog pussla ihop koden i en variabel först:

```
var content = "<h1>Apan";
content += " har en banan";
content += "</h1>";
document.getElementById("elm1").innerHTML = content;
```

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

## #3 — yador, 2008-04-17T22:17Z

Ett tips, när det handlar om sådana här små koder så slå ihop allt. det skulle jag i alla fall göra.

```
function startbuttonfunction()
{
document.getElementById("elm1").innerHTML = "<h1>Text...</h1>";
}
```

För att sedan förbättra funktionen ännu mer så skulle jag gjort såhär:

```
function set(x,y)
{
	if(!document.getElementById(x) || !y)
		return false;
	document.getElementById(x).innerHTML = y;
	return true;
}
```

Nu kan du använda denna funktionen att ändra värdet på flera ställen enkelt via att anropa funktion såhär:

```
if(set("mindiv","denna text kommer kommer nu finnas i mindiv"))
    alert("Ändringen lyckades...");
if(!set("divsomintefinns","denna text kommer aldrig att skrivas"))
    alert("Ändringen misslyckades...");
```

Bara ett tips :)

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

## #4 — olarsson, 2008-04-19T16:03Z

...

Jag stoppar in en siffra i en tabell med innerHTML. Nu skulle jag vilja addera fler tal till siffran. Hur kan man få ut siffran ur tabellen för vidare processande? Det ser alltså ut på följande vis:

```
<table>
<tr><td> 100 </td></tr>
</table>
```

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

## #5 — zcorpan, 2008-04-19T18:13Z

```
tal = parseInt(td.innerHTML, 10);
tal += 50;
td.innerHTML = tal;
```

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

## #6 — olarsson, 2008-04-20T03:36Z

...

Tack så mycket du hjälpte mig verkligen.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/170865-problem-med-innerhtml