javascript inneHTML 광산_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 =
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"> <title>Situ Zhengmei의 IE8 모드에서 강제 실행</title>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

tr 노드에 innerHTML을 추가하면 Firefox에서 다음으로 구문 분석됩니다.

코드 복사

코드는 다음과 같습니다.

Situ Zhengmei< em>RestlessDream

원본 대신:

코드 복사

코드는 다음과 같습니다.

Situ ZhengmeiRestlessDream

td 태그 제거되었습니다! DOM 트리를 추가하는 순서와 관련이 있는 것 같습니다. 조정:

코드 복사

코드는 다음과 같습니다.

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

Situ Zhengmei의 IE8 모드에서 강제 실행<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <title> </title>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] 이것은 Firefox 상태 문제를 해결합니다!