innerHTML strings aren't equal to the same string in javascript?

Question

Here's my problem. The code below is a simplified version to point out the weird error.

<html>
    <head>
    <script type = "text/javascript">
    window.onload = function test()
    {
    body = document.getElementsByTagName('body')[0];
    div = document.createElement('div');
    div.id = 'div';
                body.appendChild(div);
                document.getElementById('div').innerHTML = "text";
                if(document.getElementById('div').childNodes[0] == "text")
                    {
                        alert('true');
                    }else {
                        alert('false');
                    }
                }
</script>
<style>
</style>
</head>
<body>
</body>

Why is it false!? Its virtually the SAME EXACT string. Is it the .innerHTML part? Any answer relevant to this issue would help. It's late at night and I'm angry and confused.

Exact duplicate of why innerHTML does not return true when compared with same string value? — dsgriffin
– dsgriffin, Commented Apr 1, 2014 at 4:27

Felix · Accepted Answer · 2014-04-01 04:26:03Z

2

You can compare the nodeValue of your child node instead since childNodes return an object:

if (document.getElementById('div').childNodes[0].nodeValue == "text")

answered Apr 1, 2014 at 4:26

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

2 Comments

Brendan Over a year ago

Thanks a lot, just wondering though, what exactly causes the problem above?

Felix Over a year ago

childNodes return an object. You cannot compare object with a string literal.

Collectives™ on Stack Overflow

innerHTML strings aren't equal to the same string in javascript?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related