IE での読み取り専用 innerHTML_javascript テクニック

今日何か作業中に問題が発生しました。最初にテーブルを定義しました:

コード コードは次のとおりです:

< /tbody>


コードをコピーします。

コードは次のとおりです。

for(var i in events){ ... var filetable = document.getElementById('filelist) '); filetable.innerHTML = '

gt;

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScriptのカスタム共通メソッド次の記事：JavaScriptのカスタム共通メソッド

関連記事

続きを見る

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved

111

222}

これは FireFox で行う方法です。問題はありませんが、IE の下に置くと機能しません。同僚に検索してもらったところ、COL、COLGROUP、FRAMESET、HTML、STYLE、TABLE、TBODY が見つかりました。 、TFOOT、THEAD、TITLE、TR は、IE における COL、COLGROUP、FRAMESET、HTML、TFOOT、THEAD、TITLE、TR の要素です。 innerHTML プロパティは読み取り専用であり、直接操作できません。しかし、解決策はありません。上記のコードは次のように変更できます。




コードは次のとおりです:

for(var i in events){

... var filetable = document.getElementById('filelist'); var tr = document .createElement(' tr'); var td1 = document.createElement('td'); td1.innerHTML = '111'; td2.innerHTML = '222'; tr.appendChild(td2);

はい。まず DOM の createElement メソッドを使用して tr と td を作成し、次に td の innerHTML で対応する操作を実行し、最後に appendChild メソッドを使用して作成された要素を DOM ツリーに追加します。これにより、IE で正常に実行できるようになります。テーブルに tbody がない場合は、次のような場合に注意してください:

現時点では、appendChild メソッドは使用できません。 IE6 のテーブル要素は appendChild メソッドをサポートしていないため (IE8 はすでにサポートしているようです)。
インターネット上の何人かは、insertRow() などのメソッドを使用してこれを行うことを提案していますが、この方法はさまざまなブラウザとの互換性にも問題があります (FireFox では insertRow(-1) を使用する必要があります)。役に立たない。
ところで、私はこれまで意識的に JS の情報をたくさん読んできましたが、それでも実践を通じて真実を学びました。今はただ急いでいるだけなので、冷静になることを学んでいます。