javascript inneHTML Mine_javascript スキル

確認すると、IE はタグの前の空白スペースの一部を削除し、タグ内のすべてのタグを大文字にし、一部の要素では動的に追加された属性を表示します。 IE が発明したこの製品には、非常に多くの欠陥があり、本当にゾッとします。ただし、innerHTML には、最も標準的な Firefox に存在する別の地雷原があります。次のコードを見てください。

コードをコピーします。 コード

var newTable = document.createElement('table');
document.body.appendChild(newTable);
var newTr = document.createElement('tr' );
var rowContent = 'Situ ZhengmeiRestlessDream';
newTr.innerHTML = rowContent; >newTable.appendChild(newTr );
alert(newTable.innerHTML)
if (rowContent.toLowerCase() == newTr.innerHTML.toLowerCase()) {
alert("私の希望通りです!");
}else {
alert("雷を踏んだ！");
}

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=8">IE8 モードで強制的に実行 by Situ Zhengmei<title> </title>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

innerHTML を tr ノードに追加すると、Firefox によって次のように解析されます:

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

Situ ZhengmeiRestlessDream

の代わりに:

コードをコピーします コードは次のとおりです:

Situ ZhengmeiRestlessDream

td タグ削除されました！ DOM ツリーを追加する順序に関係していると思います。

コードをコピーします。 コードは次のとおりです。

var newTable = document.createElement('table');
document.body.appendChild(newTable);
var newTr = document.createElement('tr'); >newTable.appendChild(newTr ; 🎜>

IE8 モードで強制的に実行 by Situ Zhengmei <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <title> </title>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ] これFirefoxのConditionの問題を解決します！