タグ付けされた質問 「innerhtml」


19
スクリプトをinnerHTMLで挿入できますか?
でを使用innerHTMLして、いくつかのスクリプトをページにロードしようとしました<div>。スクリプトはDOMに読み込まれるようですが、実行されません(少なくともFirefoxとChromeでは)。でスクリプトを挿入するときにスクリプトを実行する方法はありinnerHTMLますか? サンプルコード: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> コードスニペットを実行するHide resultsスニペットを展開

5
Angular 2-innerHTMLスタイル
HTTP呼び出しからHTMLコードのチャンクを取得しています。HTMLブロックを変数に入れ、[innerHTML]を使用してページに挿入しましたが、挿入したHTMLブロックのスタイルを設定できません。誰かがこれをどのように達成するかについて何か提案はありますか? @Component({selector: 'calendar', template: '<div [innerHTML]="calendar"></div>', providers:[HomeService], styles: [` h3 {color:red;} `}) スタイルを設定したいHTMLは、変数 "calendar"に含まれているブロックです。
170 angular  innerhtml 

6
JavaScript-innerHTMLなしでコンテナ要素にHTMLを追加
innerHTMLを使用せずにコンテナー要素にHTMLを追加する方法が必要です。innerHTMLを使用したくない理由は、次のように使用しているためです。 element.innerHTML += htmldata 古いHTMLと新しいHTMLを追加する前に、まずすべてのHTMLを置き換えることで機能します。埋め込みフラッシュビデオなどの動的メディアをリセットするため、これは良くありません... 私はこのようにそれを行うことができました: var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); ただし、その方法の問題は、ドキュメントに余分なスパンタグが存在することです。 これをどのように行うことができますか?ありがとう!

6
nodeValueとinnerHTMLおよびtextContent。選ぶ方法は?
プレーンjsを使用してラベル要素の内部テキストを変更していますが、innerHTMLまたはnodeValueまたはtextContentを使用する必要がある理由がわかりませんでした。新しいノードを作成したり、HTML要素を変更したりする必要はありません。テキストを置き換えるだけです。次にコードの例を示します。 var myLabel = document.getElementById("#someLabel"); myLabel.innerHTML = "Some new label text!"; // this works myLabel.firstChild.nodeValue = "Some new label text!"; // this also works. myLabel.textContent = "Some new label text!"; // this also works. 私はjQueryソースを調べましたが、nodeValueを1回だけ使用していますが、innerHTMLとtextContentを数回使用しています。次に、firstChild.nodeValueが大幅に高速であることを示すこのjsperfテストを見つけました。少なくとも私はそれを意味すると解釈しています。 firstChild.nodeValueの方がはるかに速い場合、何が問題なのでしょうか。広くサポートされていませんか?他に問題はありますか?

13
子孫のイベントリスナーを破壊せずにinnerHTMLに追加することは可能ですか?
次のコード例では、onclick「foo」というテキストを含むスパンにイベントハンドラーをアタッチしています。ハンドラは、をポップアップする無名関数ですalert()。 ただし、親ノードのに割り当てた場合innerHTML、このonclickイベントハンドラーは破棄されます。「foo」をクリックすると、アラートボックスがポップアップ表示されません。 これは修正可能ですか? <html> <head> <script type="text/javascript"> function start () { myspan = document.getElementById("myspan"); myspan.onclick = function() { alert ("hi"); }; mydiv = document.getElementById("mydiv"); mydiv.innerHTML += "bar"; } </script> </head> <body onload="start()"> <div id="mydiv" style="border: solid red 2px"> <span id="myspan">foo</span> </div> </body> </html>

20
.innerHTMLで挿入された<script>要素の実行
私はいくつかのコンテンツを要素に挿入するスクリプトを持っています innerHTML。 コンテンツは、たとえば次のようになります。 &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;test&lt;/strong&gt; 問題は、&lt;script&gt;タグ内のコードが実行されないことです。私はそれを少しググりましたが、明確な解決策はありませんでした。jQueryを使用してコンテンツを挿入した場合、DOMに挿入される前に$(element).append(content);スクリプトパーツが取得evalされます。 誰かがすべての&lt;script&gt;要素を実行するコードのスニペットを持っていますか?jQueryコードは少し複雑だったので、どのように行われたのか本当に理解できませんでした。 編集: jQueryコードをのぞいてみると、jQueryがそれをどのように行うかを理解することができました。その結果、次のコードが生成されました。 Demo: &lt;div id="element"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; function insertAndExecute(id, text) { domelement = document.getElementById(id); domelement.innerHTML = text; var scripts = []; ret = domelement.childNodes; for ( var i = 0; ret[i]; i++ ) { if ( scripts &amp;&amp; nodeName( ret[i], "script" ) …

19
nullのプロパティ 'innerHTML'を設定できません
エラーまたはUncaughtTypeErrorが発生するのはなぜですか:nullのプロパティ 'innerHTML'を設定できませんか?私はinnerHTMLを理解し、以前はそれを機能させていたと思いました。 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;script type ="text/javascript"&gt; what(); function what(){ document.getElementById('hello').innerHTML = 'hi'; }; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="hello"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

8
DOMNodeのinnerHTMLを取得する方法
PHP DOM実装で特定のDOMNodeのinnerHTMLを取得するためにどの関数を使用しますか?誰かが信頼できる解決策を与えることができますか? もちろん、outerHTMLも同様です。
95 php  dom  innerhtml 

11
Javascriptを使用してインラインスタイルを追加する
このコードを動的に作成されたdiv要素に追加しようとしています style = "width:330px;float:left;" ダイナミクスを作成するコードdivは var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '&lt;label&gt;' + sSearchStr + '&lt;/label&gt;'; 後にスタイルを追加するのが私の考えですが、&lt; div class="well"どうすればいいのかわかりません。


7
JQuery html()とinnerHTML
html()と同じように動作するjQueryのメソッドに完全に依存できますinnerHTMLか?innerHTMLとjQueryのhtml()方法に違いはありますか?これらのメソッドが両方とも同じであるhtml()場合、代わりにjQueryのメソッドを使用できinnerHTMLますか? 私の問題は次のとおりです。すでにデザインされたページで作業しています。ページにはテーブルが含まれており、JavaScriptではinnerHTMLプロパティを使用して動的にデータを入力しています。 アプリケーションはFirefoxで正常に動作していますが、InternetExplorerはエラーを発生させますunknown runtime exception。jQueryのhtml()メソッドを使用しましたが、IEのエラーは消えました。しかし、それがすべてのブラウザで機能するかどうかはわかりません。またinnerHTML、すべてのプロパティをjQueryのhtml()メソッドに置き換えるかどうかもわかりません。 どうもありがとう。

9
JavaScriptを使用してdiv内のHTMLを追加/削除します
divに複数の行を追加し、それらを削除できるようにしたい。ページの上部にコンテンツを追加するための「+」ボタンがあります。次に、すべての行の右側に、その行を削除するための「-」ボタンがあります。この例では、JavaScriptコードを理解できません。 これが私の基本的なHTML構造です。 &lt;input type="button" value="+" onclick="addRow()"&gt; &lt;div id="content"&gt; &lt;/div&gt; これは私がコンテンツdiv内に追加したいものです: &lt;input type="text" name="name" value="" /&gt; &lt;input type="text" name="value" value="" /&gt; &lt;label&gt;&lt;input type="checkbox" name="check" value="1" /&gt;Checked?&lt;/label&gt; &lt;input type="button" value="-" onclick="removeRow()"&gt;

2
innerHTML内でクリックイベントを取得するにはどうすればよいですか?
私は動的に作成されたこのレイアウトを持っています: for (let i = 1; i &lt; 10; i++) { document.querySelector('.card-body').innerHTML += `&lt;div class="row" id="img_div"&gt; &lt;div class="col-12 col-sm-12 col-md-2 text-center"&gt; &lt;img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"&gt; &lt;/div&gt; &lt;div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"&gt; &lt;h4 class="name"&gt;&lt;a href="#" id="title` + i + `"&gt;Name&lt;/a&gt;&lt;/h4&gt; &lt;h4&gt; &lt;small&gt;state&lt;/small&gt; &lt;/h4&gt; &lt;h4&gt; &lt;small&gt;city&lt;/small&gt; &lt;/h4&gt; &lt;h4&gt; &lt;small&gt;zip&lt;/small&gt; …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.