問題タブ [outerhtml]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
499 参照

javascript - ネイティブにouterHTMLを持たないブラウザで定義できるように、JavaScriptオブジェクトを拡張するにはどうすればよいですか?

この関数を見つけました(ただし、場所は忘れました):

しかし、この関数は呼び出すouterHTML(my_element)のではなく呼び出すことで機能しますmy_element.outerHTML

javascript DOM要素オブジェクトをouterHTML要素を持つように拡張できるようにしたいのですが、ネイティブ要素が存在する場合は引き続き使用します。それ、どうやったら出来るの?

私がこのようにしたい主な理由は、Firefox が outerHTML メソッドをネイティブに持っていないためですが、十分にテストされており、信頼できると感じているため、可能な場合はネイティブ実装を使用したいと考えています。

更新: @Raynos は、outerHTML に対して上記を行わないことを提案しました。outerHTML 仕様のようなことを行う必要があります。私はこれを見つけました: Firefox で OuterHTML を行うにはどうすればよいですか? また、FireFox 8.0.1 でエラーを引き起こす可能性がある .cloneNode を実行しません。
@Raynosによると、私の解決策はこれです:

0 投票する
1 に答える
1362 参照

javascript - jquery replaceWithがGoogle Chromeで機能しない

Google Chrome で JavaScript を使用してコントロールを動的に置き換えるという奇妙な問題に直面しています。置き換えられたコントロールは UI に表示されませんが、開発者ツールを使用すると、置き換えられた要素を見つけることができますが、開発者ツールを閉じるまで表示されません。開発者ツールを開いて閉じると、ページを更新するまで問題は再現できなくなります。

これは、要素の outerHTML を置き換えようとしている場合にのみ発生します。

私は最初にjquery's replaceWithAPIを使用しようとしましたが、そのディントヘルプは次のスクリプトに切り替えました-

問題はクロムに固有のものであり、特定の場合にのみ発生するため、javascript の問題ではないと思います。

どんな助けでも大歓迎です

0 投票する
9 に答える
3784 参照

javascript - 属性を含む開始タグを取得します-innerHTMLなしのouterHTML

DOMからその属性を持つ特定のタグ要素を取得したいと思います。たとえば、

文字列またはその他のオブジェクトとして<a href="#" class="class">、オプションで終了を使用して取得したいと思います。私の意見では、これは。なしで</a>を取得することに似ています。.outerHTML.innerHTML

最後に、jQueryを介して他のいくつかの要素をラップするためにこれが必要です。私は試した

ただし.get()、そのコンテンツを含むDOM要素を返します。また

jQueryでは機​​能しないelem.attributes戻り値として失敗し、変換できませんでした。上記の例は、要素の一意ではなくなったIDもコピーするため、あまり意味がないことを認めています。しかし、簡単な方法はありますか?どうもありがとう。NamedNodeMapattr()

0 投票する
1 に答える
1706 参照

javascript - jqueryを使用してonClickで完全なHTMLコードを取得する方法

私は以下のHTMLコードを持っています

リンクをクリックすると、文字列に以下の完全なHTMLコードが含まれるようになります

この方法を試してみましたが、「Google」というテキストしか取得できず、アンカーコードを取得できません。

Google必要な場合にのみ文字列アラート<a href="http://www.google.com">Google</a>

0 投票する
2 に答える
245 参照

jquery - Jquery Outerhtml 不要なスタイルを追加

要素をクリックしたときにhtmlコードを取得する次のコードがあります。たとえば、 < p>

ボタンがクリックされたときに、クリックしている要素のコンテンツを取得したい。

最初のクリックで、私が欲しかったものを正確に得ることができます。ただし、2回目にクリックすると、要素に余分なスタイルが追加されていることに気付きます。

例: style="background-color:transparent;border-top-width:0 など"

なぜこうなった?どんな啓発にも感謝します!

0 投票する
1 に答える
938 参照

security - externalHTMLにはinnerHTMLと同じXSSの脆弱性がありますか?

私たちの会社のセキュリティスキャンは、swfobject.jsのこのouterHTMLプロパティにハングアップし続けているようです。

私はinnerHTMLに関連するXSSの脆弱性に精通していますが、この場合にouterHTMLを悪用する方法の例をいくつか教えてください。スキャンによって誤検知が発生するのではないかと思います。swfobjectの背後にあるチームがすべてのXSSの問題に対処したと思います。

ありがとう!

0 投票する
1 に答える
257 参照

javascript - `outerHTML`によって変更されたDIVが応答しないままである理由

要素をクリックすると起動しますが、もう一度クリックしても何も起こりません。ページを更新してもう一度クリックすると機能します(もう一度クリックするまで)。なんで?

divがクリックされると、AJAXはそれをxmlhttp.send();;のPHPに渡します。「クリック」イベントは。によって処理されdocument.getElementById('b_'+countr).addEventListener("click", selectionMade);ます。

ドキュメントの読み込みに関連していると思います- outerHTML;によって変更されたものを起動したいです。以下に提供される完全なコード:

0 投票する
0 に答える
319 参照

javascript - outerHTML に相当する Zepto はありますか?

outerHTML に相当する Zepto を見つけることができなかったので、独自の関数を作成しました。

より良い方法はありますか?私の機能は私のために働いていますが、これを行うための「正しい」方法があれば、それを好むでしょう。

0 投票する
5 に答える
9617 参照

javascript - SVG 要素の outerHTML

プロパティを持つ svg 要素の outerHTML を取得できないのはなぜelement.outerHTMLですか?

この方法は、svg ソース コードを取得するのに最適なhttp://jsfiddle.net/33g8g/ですか?

0 投票する
1 に答える
494 参照

javascript - Javascript OuterHTML:文字列リテラルを操作するには?

最初の HTML コード:

これはJSコードです:

これで、この HTML コードが機能します (クリックすると、div が切り替わり、画像が変わります)。

しかし、これではありません:

Firefox でのデバッグ中にエラー コードが表示されるだけです。

関数 getOuterHMTL(element) を使用せずに「プレーンな」文字列リテラルを使用して正しいコードを知っている人はいますか?