4

以前のクエストでは、複数の属性を持つタグにコードを挿入し、最初のタグ (doctype) の前にコードを挿入する方法を見てきましたが、新しい CSS スタイル シートや JavaScript 挿入などのヘッド タグの間にコードを挿入する方法についてはどうでしょうか。

ここで検索したところ、関連する投稿がいくつか見つかりましたが、うまくいく例はありませんでした。

たとえば、JavaScriptのみを使用して次のコード行を追加する方法...

<link rel="stylesheet" type="text/css" href="chrome.css" />
<script type="text/javascript" src="chrome.js"></script>

以下の1つの提案は有望に見えましたが、テストしたところ、実際には機能しませんでした.

var refScript = "<SCRIPT>alert('OK');</SCRIPT>";
document.getElementsByTagName("head")[0].innerHTML += refScript;
4

2 に答える 2

7

あなたが常に実際に を持っていると仮定すると<head>、これを行うことができます：

document.getElementsByTagName("head")[0].innerHTML += "<whatever />";

もちろん、innerHTML の代わりに DOM モデルを使用することもできます。

于 2012-12-06T15:49:53.777 に答える
0

DOM メソッドを使用してそれを行う方法を次に示します。

var scrp = document.createElement('script');
scrp.type = 'text/javascript';
// approach 1:
scrp.innerHTML = "alert('OK');";
// approach 2:
var txt = document.createTextNode("console.log('hi');");
scrp.appendChild(txt);
document.head.appendChild(scrp);
于 2012-12-07T09:24:14.543 に答える