How to replace HTML child node with a new node in JavaScript

1 Answer

<!DOCTYPE html>
<html>
    <body>
        <ul id="ul_id"><li>PHP</li>
                       <li>JavaScript</li>
                       <li>SQL</li>
                       <li>HTML</li></ul>
        <script>
            var newnode = document.createTextNode("CSS");
            var element = document.getElementById("ul_id").childNodes[0];
            element.replaceChild(newnode, element.childNodes[0]);
        </script>
    </body>
</html>


<!--

CSS
JavaScript
SQL
HTML

-->

70+ SQL courses for beginners and professionals

answered Oct 26, 2019 by avibootz

Most popular tags

How to replace HTML child node with a new node in JavaScript

1 Answer

Related questions