Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h1>The Element Object</h1> <h2>The appendChild() Method</h2> <ul id="myList"> <li>Coffee</li> <li>Tea</li> </ul> <p>Click "Append" to append an item to the end of the list:</p> <button onclick="myFunction()">Append</button> <script> function myFunction() { // Create an "li" node: const node = document.createElement("li"); // Create a text node: const textnode = document.createTextNode("Water"); // Append the text node to the "li" node: node.appendChild(textnode); // Append the "li" node to the list: document.getElementById("myList").appendChild(node); } </script> </body> <!-- /jsref/tryit.asp?filename=tryjsref_node_appendchild Thu, 06 Feb 2025 18:36:21 GMT --> </html>
