Skip to content Skip to sidebar Skip to footer
Home / Dom / Javascript

Manipulating DOM With (framework-less) Javascript

Post a Comment
Ok, I haven't been using JavaScript without JQuery for quite some time now... But, as coding goes, I have to do without it's power for a project where I can't be sure that JQuery i

Solution 1:

It's innerHTML not innerHtml. Notice the upper case HTML. Change that and it should work fine! Here's a working example.

By using innerHtml you are simply creating a new property on the element object and giving it the value of s.


Solution 2: 

<html>
    <head>
        <script type="text/javascript">
            function load() {
                var s = '<ul><li>a</li><li>b</li></ul>';
                var element = document.getElementById("myDiv");
                element.innerHTML += s;
            }
        </script>
    </head>
    <body onload="load()">
        <div id="myDiv"></div>
    </body>
</html>

JS is case sensitive


Solution 3:

I think you want element.innerHTML += s;.


Post a Comment for "Manipulating DOM With (framework-less) Javascript"