ホームページ > ウェブフロントエンド > htmlチュートリアル > innerHTML は FireFox_html/css_WEB-ITnose の下のテキスト ボックスの値を取得できません

innerHTML は FireFox_html/css_WEB-ITnose の下のテキスト ボックスの値を取得できません

WBOY
リリース: 2016-06-24 12:17:11
オリジナル
1436 人が閲覧しました

デモ アドレス
http://218.26.94.139/tmp/test.htm

js コードを通じてテキスト ボックスに値を割り当てる場合、FireFox の innerHTML はテキスト ボックスの値を取得できません


ディスカッションに返信 (解決策)

ソースコードを少し修正する場合は、 を事前に書いてください。テキストボックスの値は js で CCCC に変更されます。IE では CCCC と表示されますが、FF では AAAA と表示されます。つまり、テキストボックスに動的に書き込まれた値は Firefox では取得できません。これは本当に普通の無駄ではありません

これは実際に当てはまり、Chrome や Opera にも当てはまります。

この関数を必要とする HTML の内部構造は非常に複雑なので、値をトラバースして代入し直すのは複雑すぎます。最終的に、私の処理結果は

if(ISFF)

{

alert("Due. FireFox 機能の不具合のため、Firefox がダウングレードされているため、この操作はサポートされていません。IE ブラウザを使用してください。");
Return;
}

私も今問題に遭遇しました。
多くの機能がサポートされていない、またはバグがあるため、コードが IE と FireFox の両方をサポートするようになります。すべてのブラウザと互換性を持たせたい場合は、まず js で判断してから、別のメソッドを呼び出す必要があります。

これができたらとても嬉しいですが、重要なのはそれが機能しないということです
コード内には判断を行う場所がたくさんあります

if(isie)

……

else

……

これは Firefox の重要な機能です

値を直接割り当てるときに、なぜこれを複雑にしないでください。次のことを試してください
document.getElementById("inp1").setAttribute("value","ccc");

これは、この問題を説明するための単なる例です。テキスト内の値は非常に複雑です。ボックスはすべて手動で入力されています


jqueryのソースコードから値を取得する方法を確認できます

jqueryのソースコードから値を取得する方法を確認できます

同じことが当てはまりますjq。ブラウザの問題のような気がしたので確認してみました。 =。 =!

FF Chrome Opera IE9はこんな感じです。 。 。

いや、IE9 もそうなんですか?!


IE9 にはこの問題はありません、私は試してみました
怖がらないでください、これは非常に重要な機能です

innerHTML を認識するには、この文を最後に追加してください。動的入力中に値を取得できます

document.getElementById("inp1").addEventListener("keyup",function(){document.getElementById("inp1").setAttribute("value",document.getElementById("inp1").value);},false);
ログイン後にコピー

IE9 にはこの問題はありません、私は試してみました

怖がらないでください、これは非常に重要な機能です

IE9 は 100% 同じです。IE9 を使用できます。テスト ページでテストするには、x64 IE ドキュメント モード IE9 ブラウザ モード IE9 を使用します。

Quirks モードを使用している可能性があります。 ).value;

content = document.getElementById("content").value;

正しい値を取得するにはどうすればよいですか? 。 。

アップデートするにはffの履歴をクリアしてください!

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート