IE innerhtml bug?

innerHTML er i sig selv en bug. =) Det har aldrig nogensinde været valid kode, og det er i øvrigt fyldt med fejl. Det er kun et tilfælde at de fleste browsere understøtter det nogenlunde.

Når du skal sætte elementer ind, bør du gøre det med DOM (Document Object Model), ref. http://www.w3.org/TR/DOM-Level-3-Core/core.html

Eksempel på indsættelse af table:
-------------------------------------
var newElement=document.createElement("table");
newElement.setAttribute("id","information");

newElement.appendChild(document.createElement("tbody"));

newElement.getElementsByTagName("tbody")[0].appendChild(document.createElement("tr"));

newElement.getElementsByTagName("tr")[0].appendChild(document.createElement("td"));

newElement.getElementsByTagName("td")[0].setAttribute("id","type");

newElement.getElementsByTagName("td")[0].appendChild(document.createTextNode("Hello world!"));

document.getElementById("container").appendChild(newElement);
-------------------------------------
På denne måde opretter og redigerer du koden element for element. Det fylder mere, men det er meget bedre. Og browserne er meget gladere for det. innerHTML er noget værre skidt. =)

Et lidt simplere eksempel, hvis du ikke kender noget til DOM:
------------------------------------------------
document.getElementById("container").appendChild(document.createTextNode("Hello world!"));
------------------------------------------------
Denne kode opretter en ny tekstdel i "container".

Og en lidt mere avanceret:
------------------------------------------------
var newElement=document.createElement("div");
newElement.appendChild(document.createTextNode("Hello"));
newElement.appendChild(document.createElement("br"));
newElement.appendChild(document.createTextNode("world!"));

document.getElementById("container").appendChild(newElement);
------------------------------------------------
Først oprettes et nyt div-element (altså et "<div></div>") i variablen "newElement". Elementet kan derfor ikke ses på siden endnu.
Så oprettes teksten "Hello" som et child (underelement) til newElement (div'en).
Så oprettes et <br>-tag som et child til newElement.
Og så oprettes teksten "world!" som et child til newElement.
Til sidst indsættes newElement som et child til "container".

"appendChild" indsætter altid som det sidste underelement, dvs. nederst i parent-elementet.

Haha :) Alright - helt spadser er jeg dog ikke - havde overvejet den metode der, var ikke klar over at innerHTML var så ... bugget?

Tak for hjælpen. I deler vel bare points?

Vi er kun én, så det kan vi godt sige! :P

-- og det hører vel med til historien, at et inline-element som en span jo er, ikke må indeholde block-level-elementer som f.eks. tables !-)

Åh ja, det er også lidt halvvigtigt. =) Troede det var et div-element.

Alright :D

Mystisk!

Nu virker det i IE7 - har ikke ændret noget kode siden i går... Måske noget cache?

Muligvis. =) Men det er jo kun godt.