[Dynamisches CSS -Stil hinzufügen]
<html> <kopf> <skript type = "text/javaScript"> window.onload = function () {var head = document.getElementsByTagName ('head') [0]; // das Kopfelement var link = document.createelement ('link') abrufen; // Erstellen Sie den Link -Element -Knoten, dh den Link -Tag -Link.rel = "Stylesheet"; // Rel Attribut -Link hinzufügen.href = "Basic.css"; // dem Link -Tag das HREF -Attribut hinzufügen, der Attributwert ist der Pfad des CSS External Link Style Sheet Head.AppendChild (Link); // Link -Element -Knoten zum Kopf -Element -Node des Kopfes hinzufügen} </script> </head> <body> <div1 = "div1"> test </div> </body> </html>[Dynamisches Hinzufügen von Skript -Tags]
Das Prinzip ist das gleiche wie oben
<html> <kopf> <skript type = "text/javaScript"> window.onload = function () {var head = document.getElementsByTagName ('head') [0]; // das Kopfelement var script = document.createelement ('script') abrufen; // Skript -Tag -Skript erstellen.type = "text/javaScript"; // Typ -Attribut -Skript hinzufügen.src = "Basic.js"; // Fügen Sie das Skript -Tag zum untergeordneten Knoten des Skript -Tags hinzu, und der Attributwert ist JS Path Head.AppendChild ('Skript'); // Fügen Sie das Skript -Tag dem untergeordneten Knoten des Kopfes hinzu} </script> </head> <body> <div1 "Div1"> Test </div> </body> </html>Das obige ist die dynamische Zugabe von CSS -Stilen und Skript -Tags zu JavaScript, die vom Editor eingeführt wurden. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!