[Dynamic Add CSSスタイル]
<html> <head> <スクリプトタイプ= "text/javascript"> window.onload = function(){var head = document.getElementsByTagname( 'head')[0]; //ヘッド要素を取得var link = document.createelment( 'link'); //リンク要素ノード、つまりリンクタグlink.rel = "styleSheet"; // rel属性link.href = "basic.css"を追加します。 // href属性をリンクタグに追加すると、属性値はCSS外部リンクスタイルシートhead.appendchild(link)のパスです。 //リンク要素ノードをヘッドエレメントに追加する子供ノード} </script> </head> <body> <div id = "div1"> test </div> </body> </html>[ダイナミック追加スクリプトタグ]
原則は上記と同じです
<html> <head> <スクリプトタイプ= "text/javascript"> window.onload = function(){var head = document.getElementsByTagname( 'head')[0]; //ヘッド要素を取得var script = document.createelement( 'script'); //スクリプトタグscript.type = "text/javascript"; // type属性script.src = "basic.js"; //スクリプトタグをスクリプトタグの子ノードに追加すると、属性値はjs path head.appendChild( 'スクリプト')です。 //ヘッドの子ノードにスクリプトタグを追加} </script> </head> <body> <div id = "div1"> test </div> </body> </html>上記は、編集者が導入したJavaScriptにCSSスタイルとスクリプトタグを動的に追加することです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!