Đối tượng HTML DOM Footer

Đối tượng Footer trong HTML DOM đại diện cho phần tử <footer> (thẻ ngữ nghĩa HTML5, thường chứa bản quyền, thông tin tác giả, liên kết). Có thể tạo và truy xuất bằng createElement() và getElementById().

Cú pháp

Tạo đối tượng footer:

var footerElement = document.createElement("FOOTER");

Ví dụ

Ví dụ tạo động footer chứa thông tin bản quyền:

<!DOCTYPE html>
<html>
<head>
<script>
  function createFooter() {
    var footer = document.createElement("FOOTER");
    document.body.appendChild(footer);
    var p = document.createElement("P");
    var txt = document.createTextNode("Bản quyền © 2024");
    p.appendChild(txt);
    footer.appendChild(p);
  }
</script>
</head>
<body>
<h1>Ví dụ đối tượng Footer</h1>
<p>Nhấn nút để tạo footer cho trang web này</p>
<button onclick="createFooter()">TẠO</button>
</body>
</html>

Kết quả

Sau khi nhấn nút "TẠO", một phần tử <footer> xuất hiện ở cuối body chứa đoạn văn "Bản quyền © 2024".

Giải thích

• Nút "TẠO" gọi hàm createFooter().
• Hàm tạo <footer>, gắn vào body.
• Tạo <p> và nút văn bản "Bản quyền © 2024".
• Gắn văn bản vào <p>, sau đó gắn <p> vào footer.