Javascript - innerHTML function in IE

Question

I have a html file with content

<html>
<body>
<script language="JavaScript">
    function fun1()
    {
        alert(document.getElementById('id1').innerHTML);
    }
</script>
<div id="id1">
    <ul>
        <li>Here111</li>
        <li>Here222</li>
        <li>Here333</li>
    </ul>
</div>
<a href="javascript:void(0)" onclick="fun1()">Click</a>
</body>
</html>

In innerHTML function iam getting only

<ul>
    <li>Here111
    <li>Here222
    <li>Here333</li>
</ul>

The </li> tag is missing how can I get entire content?

As you claim it does not work for you - post your entire page, there must be some other thing that does not work. @Bitsplitter wrote a page that works fine for IE 6-8. — Dror
– Dror, Commented Nov 16, 2010 at 8:02
I see that I did not evaluate my own solution properly. I was concentrating on seeing the </ul> that is missing in your original question. That appears in IE just fine but you are right, the first </li> is missing in my sample too in both IE7 and 8. — Bitsplitter
– Bitsplitter, Commented Nov 16, 2010 at 8:09

Sagar Varpe · Accepted Answer · 2010-11-16 07:47:05Z

1

You have set id of div as a "test" but you are getting it by "test1"

alert(document.getElementById('test1').innerHTML);

it should be

alert(document.getElementById("test").innerHTML);

answered Nov 16, 2010 at 7:47

Sagar Varpe

3,5994 gold badges30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dror · Accepted Answer · 2010-11-16 07:52:36Z

1

Your script refers to an id called test1 but your html hasn't got any.

If you do it like this:

<html>
    <head>
        <script>
            function test(){
                alert(document.getElementById('test1').innerHTML);
            }
        </script>
    </head>
    <body>
        <div id="test1">
            <ul>
                <li>This is first</li>
                <li>This is Second</li>
            </ul>
        </div>
        <a href="#" onclick="test();">hhhhhh</a>
    </body>
</html>

it works fine even in IE 7/8.

edited Nov 16, 2010 at 7:52

Dror

7,3133 gold badges42 silver badges44 bronze badges

answered Nov 16, 2010 at 7:46

Bitsplitter

9807 silver badges17 bronze badges

Comments

Shinu Thomas · Accepted Answer · 2010-11-16 09:11:35Z

0

Add <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> in the beginning of html

answered Nov 16, 2010 at 9:11

Shinu Thomas

5,32612 gold badges62 silver badges88 bronze badges

1 Comment

Jon Adams Over a year ago

If switching to standards mode fixed this, then you should run your HTML through an HTML validator because it probably means you have some semi-serious errors somewhere in it.

mtelis · Accepted Answer · 2010-11-16 09:55:01Z

0

There also is outerHTML property (unfortunately, unsupported in some browsers). It returns the whole of element.

answered Nov 16, 2010 at 9:55

mtelis

6741 gold badge6 silver badges11 bronze badges

Comments

Tim Down · Accepted Answer · 2010-11-16 10:06:13Z

0

This is not incorrect. For <li> elements, the closing tag is optional in HTML so IE is returning a valid fragment of HTML here (not that it always does).

If you need closing tags, you'll need to do create your own HTML string by traversing the DOM.

answered Nov 16, 2010 at 10:06

Tim Down

326k76 gold badges461 silver badges546 bronze badges

2 Comments

Gustav Barkefors Over a year ago

Given the above HTML doc, you might argue that it is not incorrect (albeit horribly inconsistent on IE's part since it does close the last li explicitly...). However, IE will give the same innerHTML when using any XHTML doctype as well, in which case I'd like to argue that it IS wrong.

Tim Down Over a year ago

@Gustav: I disagree: IE doesn't support XHTML. It parses XHTML exactly the same as it parses HTML.

Collectives™ on Stack Overflow

Javascript - innerHTML function in IE

5 Answers 5

Comments

Comments

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related