Wie fügt man mithilfe von JavaScript elegant ein „Tag' in eine HTML-Seite ein?

Einfügen eines Tag mit JavaScript Frage:

Wie kann man einen erstellen? taggen und mit JavaScript in eine HTML-Seite einfügen? Gibt es eine Methode, die eleganter und browserübergreifend kompatibler ist als die aktuelle Lösung, die innerHTML verwendet?

Antwort:

Der bevorzugte Ansatz besteht darin, das Stilelement anzuhängen direkt zum des Dokuments. Diese Methode funktioniert konsistent in allen gängigen Browsern, einschließlich Chrome. Hier ist eine verbesserte Lösung:

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

head.appendChild(style);

style.type = 'text/css'; if (style.styleSheet) { // This is required for IE8 and below. style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } Diese Methode bietet die folgenden Vorteile:

Sie ist eleganter und prägnanter. Sie funktioniert in allen gängigen Browsern. einschließlich Chrome. Es vermeidet die Notwendigkeit eines zusätzlichen Element vor dem Style-Tag, um browserübergreifende Probleme zu beheben.