CODEWITHSUNDEEP
google-chromedomcase-sensitive
Dominic
Dominic

Reputation: 77

Google Chrome Changes elements to lowercase

I have a HTML file like this:

<html>
<head>
    <title>Test</title>
    <script language="javascript">
    function removeElements() {
        alert( document.getElementById("FileArea").innerHTML );
        var RemoveElms = document.getElementsByTagName("p");
        for (i = 0; i < RemoveElms.length; ++i) {
            var newelm = document.createElement("SubScript");
            newelm.innerHTML = "1";
            RemoveElms[i].parentNode.insertBefore(newelm, RemoveElms[i]);
        }
        alert( document.getElementById("FileArea").innerHTML );
    }
    </script>

</head>
<body id="BodyID">
    <h2>Test</h2>
    <input type="button" value="Remove elements" onmousedown="removeElements(); return false" unselectable="on">
    <div id="FileArea"><p>Here is a test</p></div>

</body>

I am trying to add an element <SuperScript>. In the alert all the characters of this element changed into lowercase <superscript>. Can I control this? This is mainly happening in Chrome.

Upvotes: 2

Views: 1927

Answers (1)

Martin Risell Lilja
Martin Risell Lilja

Reputation: 652

Chrome parses all elements and adds them to the document in an uniform way. This also happens with newlines and such.

See this: Case conventions on element names?

Upvotes: 1

Related Questions