DOM-Methode insertAdjacentHTML über Javascript nutzen

stevi105

Für eine Anwendung möchte ich den DOM Befehl insertAdjacentHTML() analog der Beschreibung von SELFHTML (http://de.selfhtml.org/javascript/obj…t_adjacent_html) über Javascript nutzen.

Das dort angegebene Beispiel funktioniert nicht unter Firefox 12.0. Allerdings ist in SELFHTML auch Firefox nicht angegeben. Was muss ich tun, damit dieser Befehl bei mir funktioniert?

Entsprechend http://hacks.mozilla.org/2011/11/insert…ppet-injection/ sollte dieser Befehl eigentlich ab Version 8.0 verfügbar sein.

Vielen Dank für baldige Antworten!

Mithrandir

Das Beispiel funktioniert lt. Fehlerkonsole nicht, weil dort mit document.all.tags gearbeitet wird. Wenn man das Skript ein wenig umstrickt, z.B. mit

Code

document.getElementsByTagName("P");

arbeitet, kann es schon laufen:

HTML

<html><head><title>Test</title>
<script type="text/javascript">
var i = 0;
function Nummerieren () {
  var Nummerierung = "<b>" + (i + 1) + ".<\/b> ";
  if (i < document.getElementsByTagName("P").length)
    document.getElementsByTagName("P")[i].insertAdjacentHTML("AfterBegin", Nummerierung);
  i = i + 1;
}
</script>
</head><body>
<p>Ein Absatz</p>
<p>Ein anderer Absatz</p>
<p>Noch ein Absatz</p>
<p><a href="javascript:Nummerieren()">Nummerieren</a></p>
</body></html>

Alles anzeigen

Sören Hentzschel

EDIT: zu langsam
~~Hallo,~~

~~wenn du die Webkonsole von Firefox nutzt, wird dir angezeigt, wieso das nicht funktioniert:~~

~~[16:18:30.982] TypeError: document.all.tags is not a function @ http://de.selfhtml.org/javascript/obj…cent_html.htm:9~~

documents.all.tags muss nach W3C-Standard document.getElementsByTagName heißen! Ersetze beide Vorkommen und das Beispiel funktioniert.

PS: Aktuell ist Firefox 14.0.1, bitte aktualisiere deinen Browser!

stevi105

Vielen Dank, das war es. Mit der Konsole konnte ich es auch nachvollziehen.