執行 ❯
建立您
自己的
網站
×
更改方向
儲存程式碼
更改主題，深色/淺色
前往 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> </html>
