Tabelle mit Html-Inhalt füllen
Heph
- javascript
Hi,
ich hab ein – hoffentlich kleines – Html / Javascript Problem. Ich möchte für einen Tooltip eine Tabelle mit Js erstellen und diese dann auch mit Hilfe von Js mit Html-Inhalt füllen. Tabelle erstellen bekomm ich hin (deshalb hab ich hier die Tabelle einfach mal direkt im html), diese mit Html-Inhalt zu füllen leider nicht.
var inhalt = "zeile1 <br> zeile2";
Diesen Inhalt will ich jetzt mit JS in eine Zelle der Tabelle bekommen, dabei soll das Html ausgeführt werden, ich möchte also hier z.B. zwei Zeilen haben.
Mein Ansatz:
<html>
<head>
<script type="text/javascript">
function init(){
var inhalt = "zeile1 <br> zeile2";
document.getElementById("spalte2").innerHtml=inhalt;
}
</script>
</head>
<body onload="init()">
<table border="1">
<tbody ><tr>
<th> zeile1 <br> zeile2
</th>
<th id="spalte2"> spalte 2</th></tr>
</tbody></table>
</body></html>
So funktioniert es allerdings nicht, kann mir jemand einen Tipp geben wies richtig geht ?
Viele Grüße
Heph
Hello out there!
document.getElementById("spalte2").innerHtml=inhalt;
Damit gibst du diesem Objekt eine neue Eigenschaft 'innerHtml', was keinerlei Auswirkung auf igendwas hat.
Wolltest du einer schon vorhandenen Eigenschaft 'innerHTML' einen neuen Wert zuweisen?
See ya up the road,
Gunnar
Hi Gunnar,
Wolltest du einer schon vorhandenen Eigenschaft 'innerHTML' einen neuen Wert zuweisen?
Nein, ich wollte folgendes:
Ich habe einen String der auch HTML beinhalten kann. Nun möchte ich eine neue Tabelle anlegen, bei der eine Zelle den String als Inhalt hat (wobei das html des Strings interpretiert wird).
Das Erstellen der Nodes im Dom-Baum für die neue Tabelle hat geklappt, ich kann mit createTextNode Zellen auch einen Inhalt geben, dabei wird der String aber logischer weise als Text interpretiert und nicht als html. Als Inhalt der Zelle erscheint dann z.B. zeile1 <br> zeile2 statt sowas
zeile1
zeile2
Hoffentlich war das verständlich, ist schon recht spät :)
Viele Grüße
Heph
Hello out there!
[…] ist schon recht spät :)
Dann schlaf jetzt und lies dir meine Antwort morgen nochmal durch.
See ya up the road,
Gunnar
Hi Gunnar,
nachdem ich jetzt heute morgen deinen Post 3 mal nach dem versteckten Hinweis durchgelesen hab bin ich drauf gekommen: innerHTML.
An die case sensitivität muss ich mich anscheinend noch gewöhnen,
vielen Dank für deinen Hinweis.
Viele Grüße
Heph