Missing tag after .innerHTML replacement

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Tobe - 23 Sep 2003 19:40 GMT

Loading the following page should change the displayed
options to: Elbow & Knee. But it does not. The
innerHTML of the SELECT element is:
Elbow</OPTION><OPTION>Knee</OPTION>
instead of
<OPTION selected>Elbow</OPTION><OPTION>Knee</OPTION>
it is missing the first tag. Why? And how do I get the
expected results?

<html language='javascript'>
<head >
    <script>
        function Load() {
            var element =
document.getElementById("StationType");
            element.innerHTML = "<OPTION
selected>Elbow</OPTION><OPTION>Knee</OPTION>";
            var element1=
document.getElementById("ShowInnerText");
            element1.innerText =
element.innerHTML;
        }
    </script>
</head >
<body onload="Load();" >
    <SELECT id='StationType'>
        <OPTION>Keypad</OPTION>
        <OPTION>Dimmer</OPTION>
    </SELECT>
    <div id='ShowInnerText'></div>
</body>

</html

Reply to this Message

Alan Corbett \(.NET MVP\) - 21 Oct 2003 23:34 GMT

I've run in to this many times in the past....Sometimes setting the
outerhtml to itself does the trick:

element1.innerHTML = "something";
element1.outerhtml = element1.outerhtml.

Don't ask me why, but it works.

> Loading the following page should change the displayed
> options to: Elbow & Knee. But it does not. The
[quoted text clipped - 29 lines]
>
> </html

Reply to this Message

name - 07 Nov 2003 08:40 GMT

that is really knee jerking response.

Does it work with outerHTML too?

\\\\\

> I've run in to this many times in the past....Sometimes setting the
> outerhtml to itself does the trick:
[quoted text clipped - 37 lines]
> >
> > </html

Reply to this Message

Missing tag after .innerHTML replacement

Free Magazines