Wie kann ich mit JavaScript zuverlässig ein „Tag' zu einer HTML-Seite hinzufügen?

Erstellen eines Tag mit JavaScript: Eine umfassende Lösung

In diesem Artikel werden wir verschiedene Ansätze zum Einfügen eines

Versuch mit divNode.innerHTML

Wie in der Frage beschrieben, ist das Erstellen eines

Eine verfeinerte Lösung

Um den bestehenden Ansatz zu verbessern, können Sie den

var css = "h1 { background: red; }";
var head = document.head || document.getElementsByTagName("head")[0];
var style = document.createElement("style");

head.appendChild(style);

style.type = "text/css";
if (style.styleSheet) {
  style.styleSheet.cssText = css; // IE8 and below
} else {
  style.appendChild(document.createTextNode(css));
}

Dieser Ansatz wurde in IE 7-9, Firefox, Opera und Chrome getestet, um eine browserübergreifende Kompatibilität sicherzustellen.

Alternative Ansätze

Vermeiden Sie nicht standardmäßige Methoden: Einfügen von

Einschränkende Browserunterstützung: Für weitreichende Anwendungen ist es möglicherweise nicht möglich, sich ausschließlich auf Browser zu verlassen, die divNode.innerHTML unterstützen .

Fazit

Indem Sie die verfeinerte Lösung einbeziehen oder die anerkennen Trotz der Einschränkungen alternativer Ansätze können Sie effektiv

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript zuverlässig ein „Tag' zu einer HTML-Seite hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!