問題タブ [innerhtml]
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.
javascript - innerHTML.repalce を使用してテキストを img 要素に置き換える
Gmail チャットにスマイリーを追加するスクリプトを作成しています。
その部分的な作業、私は innerHTML.replace メソッド @line 33 で立ち往生してい
ます ご覧のとおり、replace メソッドの正規表現は変数を使用して渡されます。これは、スクリプトが窒息している場所です。
変数を実際の正規表現に置き換えると、正常に動作します:|
javascript - innerHTML バグ IE8
この innerHTML コードは IE8 では確実に機能しませんでした: (ただし、IE6 IE7 FF Opera Chrome Safari では機能していました) (確実に機能しないということは、このコードをさまざまな要素の onmouseover ハンドラー内に配置したことを意味します。マウス操作時にテキストが変更されることがあります)特定の要素に対して、時にはそうではない - これにはパターンがなかった - それがうまくいくかどうかは完全にランダムに見えた)
DOM メソッド (更新されたテキストで div を削除して再追加する) も役に立ちませんでした。
したがって、上記のコードの直後にこれを追加すると、修正されました。
条件付きコメントを使用して、この 2 行目のコードを IE8 専用として特定しました
私はこれで何年も無駄にしてきたので、これが多くの時間を節約することになると確信しています! 役に立たJquery.text()
なかった!
innerHTML は DOM を更新するが、画面要素の更新に失敗する可能性があることを他の場所で読みました。#mydiv の after 疑似クラスのコンテンツを動的に変更し、mydiv のコンテンツを更新する必要があり、画面を更新する (innerHTML が失敗していた) ため、CSS ルールが機能すると思います。
ただし、誰かがより良い解決策を持っている場合は、ぜひ聞きたいです-ありがとう
要求に応じて編集
javascript - JavaScriptのインナーHTMLの問題
ノードの innerHTML 値を取得しようとしています。値はD&O
です。innerHTML を使用してこの値を取得しようとすると、D &[semicolon] O が表示されます。Javascript を使用してエンコードされた値ではなく、正確な値を取得するオプションはありますか? 私を助けてください。
フォーラムでは、& の後にセミコロンを入力できません
javascript - innerHTML の __defineSetter__ がレンダリングを停止する
__define[GS]etter__
プロパティが変更されたときに使用する、HTML 要素の監視メソッドを作成しようとしています。値を設定すると問題なく反応しますが、リッスンするプロパティが innerHTML の場合、指定された文字列のレンダリングに何らかの形で失敗します。したがって、基本的には、innerHTML に何かを追加しても表示されません。
この前の質問で説明されているウォッチ メソッドを使用しています: JavaScript でオブジェクト プロパティの変更を監視する
innerHTML の変更を聞いていない可能性もあり__defineSetter__
ますが、値を設定する元の処理が何らかの形で妨げられているのではないかと考えています。
ありがとう!
javascript - innerHTMLに対するcreateElementの利点は?
実際には、innerHTMLよりもcreateElementを使用する利点は何ですか?パフォーマンスとコードの可読性/保守性の点でinnerHTMLを使用する方が効率的であると確信しているので、質問していますが、チームメートはコーディングアプローチとしてcreateElementを使用することに決めました。createElementをより効率的にする方法を理解したいだけです。
perl - Perl HTML :: TreeBuilderでinnerHTMLを取得/設定しますか?
Perl HTML :: TreeBuilderでinnerHTMLを取得/設定しますか?私はinnerHTMLを取得できましたが、設定方法がわかりません。
前もって感謝します。
javascript - innerHTML を使用して順序付きリストを追加すると、IE で失敗する
次の Javascript コードを使用して、DIV に順序付きリストを設定しています。
Firefox では、Firebug を使用して DOM を調べると、これは次のように正しく変換され、順序付きリストが正しく表示されます。
IE では、次のように </li> タグが <br /> タグであるかのように表示され、他のすべてのタグは無視されます。
これはリストの最初の項目です
これはリストの2番目の項目です
これを機能させるには、順序付きリストを DOM に動的に追加する必要がありますか? .innerHTML を使用して div に html コードを設定するだけではありませんか?
ティア
javascript - 未定義のinnerHTMLを生成しますが、正しいデータが表示されます
上記のjavascriptスニペットは正しく、必要に応じて機能していますが、エントリがそれぞれのページに表示される前に「未定義」の応答が返されます。.innerHTML呼び出しに関係していると思います。どんな洞察も深くいただければ幸いです。
javascript - IE+jQuery+Ajax+XHTML: .html() または .innerHTML の後に HTML が切り取られる
これは短い文章にまとめるのが非常に難しい問題なので、殺してしまったら申し訳ありません。
私は最近、IE8 (IE8 標準モード、XHTML Strict) を含むすべての希望するブラウザー プラットフォーム上のローカル Web サーバーで広範囲にテストされたサイトを立ち上げました。サイトが専用の Web サーバーで公開されるまで、まったく問題はありませんでした。
このサイトでは、フォームの要素にjQuery.get()
on を使用します。ここで、応答は共通の に移植されます。change
input
<div id="results"></div>
私が IE と XMLHTTPRequest で読んだキャッシングの問題にもかかわらず、私の問題は、私の ajax コールバックが実行を開始した後に発生するようです。私のコールバック ( .get()
/経由で提供さ.load()
れます。両方を試しました) は、サーバーから返された HTML フラグメントを受け取ります。返されたコンテンツを任意のブラウザでテストすると、期待どおりのコンテンツが明らかになります。
ただし、HTML フラグメントを の DOM ツリーに配置するとすぐに#results
、IE は実際にマークアップから最初の 7 つまたは 8 つの開始タグを (それらのタグのほとんどの子と共に) 切り取ります。それはひどく奇妙です。を介して HTML コンテンツを設定することで、サイトの別の領域で修正しましたjQuery('#results')[0].innerHTML = content
が、今回はサイコロはありません。
応答例:
文字通り、その開始タグまでのすべて<span rel="stats">
が切り捨てられます。その結果、IE は、返された AJAX コンテンツをテキスト ノードで始まるかのように表示します..statistics.. </span>
。(以下のコメントの提案で を削除してrel="stats"
、代わりに CSS クラスに変更しようとしましたが、同じ結果が発生します。)
ブラウザの URL フィールドから AJAX の URL を直接リクエストすると、返されるコンテンツは完璧です。
alert()
返された AJAX コンテンツを表示するために使用すれば、完璧です。
.html()
またはを介して AJAX コンテンツを割り当てると、.innerHTML
すぐに切り捨てられます。
すっごく....なんてこと?IE の (安っぽい) デバッガーは、スクリプト エラーやその性質のものを何も表示しません。これまでにこの種の問題に対処したことのある人はいますか? 繰り返しますが、私の開発サーバー (127.0.0.1) では IE に問題はなく、同じ「モード」(IE8 標準) とすべてを使用しているようです。
編集:AJAXルックアップを強化するJavascriptは次のとおりです。
internet-explorer-8 - テーブルを含むソースに div innerhtml を設定します
私がやろうとしていることは非常に単純だと思っていましたが、明らかに IE に関連するものは決して単純ではありません。
私はJavascriptとajaxでこれを使用しています -
Firefox と IE7 では問題なく動作しますが、IE8 では動作しません。他のテキストでテストしたので、テキストに表が含まれているためだと思います。テーブルの交換はできません。これを回避する方法はありますか?