AJAX HTTP Request Troubleshooting Override InnerHTML value in IE at Web Design Tips Web Programming Tutorials

Menggunakan Mozilla Firefox (saya menggunakan versi 2) jika mau mengganti nilai InnerHTML dari suatu HTML element (div,span…) secara runtime (menggunakan metode AJAX http request) kita dapat langsung menggunaan javascript sbb:

NamaElement.innerHTML = Text_HTML_yang_ditampilkan;

Ternyata metode tersebut menghasilkan error jika menggunakan IE (saya menggunakan IE versi 6). IE tidak membiarkan kita meng-override isi tersebut so, diakalin dengan mengubah nilai innerText element tersebut dengan string kosong dan kemudian membuat element baru di dalam element tersebut dan menempatkan InnerHTML di element baru.

var ElementBaru = document.createElement(‘div’);
ElementBaru.innerHTML = Text_HTML_yang_ditampilkan;
document.getElementById(NamaElement).appendChild(ElementBaru);

Dengan menggunakan javascript try & catch kita bisa menggabungkan keduanya

var curElement = document.getElementById(NamaElement);
try {
curElement.innerHTML = Text_HTML_yang_ditampilkan;
}
catch (e) {
curElement.innerText = “”;
var ElementBaru = document.createElement(‘div’);
ElementBaru.innerHTML = Text_HTML_yang_ditampilkan;
curElement.appendChild(ElementBaru);
}