javascript inneHTML mine_javascript skills

To review, IE will kill some of the blank space in front of the tag, capitalize all the tags inside it, and display dynamically added attributes. In some elements, it is still read-only. This thing invented by IE ended up with so many flaws, which is really chilling. However, innerHTML has another minefield, which exists in the most standard Firefox. Look at the following code:

Copy the code The code is as follows:

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("It must be as I wish!");
}else {
alert("You stepped on a thunder!");
}

<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <title>Force to run in IE8 mode by Situ Zhengmei</title>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]

When we add innerHTML to tr node, it will be parsed by Firefox into:

Copy code

The code is as follows:

Situ Zhengmei< em>RestlessDream

instead of the original:

Copy the code

The code is as follows:

Situ ZhengmeiRestlessDream

The td tag has been removed! I think it is related to the order of adding the DOM tree. Adjust it:

Copy the code

The code is as follows:

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

<meta charset="utf-8">Force to run in IE8 mode by Situ Zhengmei<meta http-equiv="X-UA-Compatible" content="IE=8"> <title> </title>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

This solves the problem of firefox Condition!