Setting innerHTML of a non-standard element in Internet Explorer

[sug15]

I have the non-standard element

<testele></testele>

 

 

In every browser except IE, this bit of JavaScript will successfully change the content of the above element

document.getElementsByTagName("testele")[0].innerHTML = 'hi';

 

However, if I change the <testele> to just a <span> (in the HTML and the JavaScript), it now successfully changes the content of the element in every browser, including IE.

 

Is there any fix? I have searched around and tried a bunch to no avail.

 

Thanks!

[sug15]

I finally figured it out. The trick was to use createElement while the page was loading (in other words, before onload).

 

This worked:

document.createElement("testele");
window.onload = function() {
    document.getElementsByTagName("testele")[0].innerHTML = 'hi';
};