<ole>
"Det var da utroligt at man ikke bare implementerer innerHTML, når der ikke er noget brugbart alternativ" >> Jamen, problemet er jo, at innerHTML ikke bare er invalid ... den introducerer let en bunke fejl.
En anden ting er, at du nævner, at iframes ikke er gunstige i forbindelse med søgemaskiner. Det er ganske korrekt, men dynamisk indhold, udskrevet med Ajax/JavaScript/DOM/innerHTML er jo _komplet_ ubrugeligt i forhold til søgemaskiner. Søgemaskiner læser ikke JavaScript ;o)
Nå, lige et par eksempler på, hvorfor du bør undgå innerHTML ... test:
-------------------------------------------------------------------------------------
<script type="text/JavaScript">
function foo() {
oGnu.innerHTML = oInp.value;
alert("Tekstfeltets indhold: " + oInp.value + "\nDiv'et gnu's indhold: " + oGnu.innerHTML)
}
function bar() {
document.body.innerHTML += "<div>Et dynamisk tilføjet div</div>";
}
var oGnu = oInp = null;
window.onload = function() {
oGnu = document.getElementById("gnu");
oInp = document.getElementById("inp");
}
</script>
<p>Skift indholdet af 'gnu' et par gange:<br>
<input id="inp" type="text">
<button onclick="foo()">Skift indhold</button></p>
<p>Tilføj så endnu et div:<br>
<button onclick="bar()">Tilføj div</button></p>
<div id="gnu" style="padding:20px;background:yellow">Dette er div'et "gnu"</div>
-------------------------------------------------------------------------------------
Test derefter:
-------------------------------------------------------------------------------------
<script type="text/JavaScript">
function foo() {
oGnu.firstChild.nodeValue = oInp.value;
alert("Tekstfeltets indhold: " + oInp.value + "\nDiv'et gnu's indhold: " + oGnu.firstChild.nodeValue)
}
function bar() {
var o = document.createElement("div");
o.appendChild( document.createTextNode("Et dynamisk tilføjet div") );
document.getElementsByTagName("body")[0].appendChild(o);
}
var oGnu = oInp = null;
window.onload = function() {
oGnu = document.getElementById("gnu");
oInp = document.getElementById("inp");
}
</script>
<p>Skift indholdet af 'gnu' et par gange:<br>
<input id="inp" type="text">
<button onclick="foo()">Skift indhold</button></p>
<p>Tilføj så endnu et div:<br>
<button onclick="bar()">Tilføj div</button></p>
<div id="gnu" style="padding:20px;background:yellow">Dette er div'et "gnu"</div>
-------------------------------------------------------------------------------------
I begge eksempler, skal du prøve at skifte indholdet i 'gnu' både før og efter, du har indsat det nye div.
Du kan også prøve at teste denne. Skriv først noget i feltet og tryk så på knappen:
<script type="text/JavaScript">
function foo() {
d.body.innerHTML += "<p>OleBoleBum</p>"
}
</script>
<button onclick="foo()">TEST</button>
<input type="text" id="bla">
Én ting er som sagt, at innerHTML ikke er valid - aldig har været det og aldrig bliver det - men som du kan se, skyder man ofte sig selv i foden ved at bruge den. Muligheden for at bruge tidsvarende JavaScript-kode begrænses ganske voldsomt, hvis man bruger innerHTML.
Desuden giver det kun mening at tale om markup-strenge på serveren. På klienten er _al_ markup noder/elementer i et DOM-træ ... her giver strenge ganske enkelt ikke mening :)
/mvh
</bole>
