오래된 브라우저의 부록

Question

JavaScript 코드에서 새 요소를 만들고 내 요소 중 하나에 추가하려고합니다. 그러나 오래된 IE 브라우저는이 기능을 지원하지 않으며 내 코드가 부록 기능을 사용하는 줄에서 내려갑니다.

var child = document.createElement('span');
child.innerHTML = "Hello World!"; // Crashes here
parent.appendChild(child); // And here

IE에 사용할 수있는 대안이 있습니까?

고맙습니다.

추신 : 코드는 최신 브라우저에서 잘 작동합니다.

UPD : 다음 코드는 내 문제의 마지막 부분을 해결하면 빈 자녀를 부모에게 추가 할 수 있습니다.

var child = document.createElement('span');
if (parent.insertAdjacentElement){
   parent.insertAdjacentElement('beforeEnd', child);
}
else if (parent.appendChild) {
   parent.appendChild(child);
}

그러나 여전히 자식 요소 내부에 데이터를 넣어야합니다. createTextNode, innerHTML, setAttributes 작동하지 않습니다.

Answer 1

이것은 관련이 없지만 확인하십시오 이 링크 다른 사람 이이 문제를 해결 한 방법

편집하다: 그리고 이 링크 ~도

Answer 2

두 번째 라인에서 충돌하는 것처럼 보입니다. InnerHTML은 상류가 아닌 소문자 I으로 작성됩니다. 오타가 있기 때문에 첫 번째 줄이 될 수도 있지만, 그 문제에 있다고 가정합니다.

Answer 3

이것이 문제를 해결합니까?

var child = document.createElement('span');
child.appendChild(document.createTextNode("Hello World!"));
parent.appendChild(child);

Answer 4

parent.innerHTML 잘 작동하는 것 같습니다.