Phương thức appendChild() node li trong JavaScript

Phương thức appendChild() node li trong JavaScript

Phương thức appendChild() node li trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức appendChild() node li trong JavaScript</title>
</head>
<body>

<h1>Phương thức appendChild() node li trong JavaScript</h1>
<p>Dùng để thêm một node (nút) phần tử HTML vào một thẻ HTML khác, nút được thêm vào là cuối thẻ, ngoài ra còn có thể di chuyển phần tử html từ thẻ này sang thẻ khác, ở ví dụ này mình thêm một node (nút) phần tử html li vào cuối ul:</p>

<ul id="ulmot" style="border:1px solid red;padding:20px">
    <li>Trang chủ</li>
    <li>Giới thiệu</li>
    <li>Blog</li>
    
</ul>
<p>Click vào nút THÊM NODE để thêm một node (nút) phần tử html li vào cuối ul</p>
<button onclick="themNode()">THÊM NODE</button>
<script>
function themNode() {
   // Tạo node (nút) li
  const node = document.createElement("li");
  // Tạo nút văn bản
  const textnode = document.createTextNode("Liên hệ");
  // Thêm nút văn bản vào nút phần tử html
  node.appendChild(textnode);
  // Thêm nút phần tử HTML vào cuối ul
  document.getElementById("ulmot").appendChild(node);
}
</script>
</body>
</html>
Phương thức appendChild() node li trong JavaScript nằm trong bài viết Phương thức appendChild() trong JavaScript