Đối tượng HTML DOM header

Đối tượng header trong HTML DOM đại diện cho phần tử <header> (HTML5). Dùng để tạo và truy xuất phần tử header (thường chứa tiêu đề, logo, điều hướng) bằng createElement() và getElementById().

Cú pháp

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

var headerElement = document.createElement("HEADER");

Ví dụ

Ví dụ tạo động header chứa tiêu đề <h2>:

<!DOCTYPE html>
<html>
<body>
<h1>Ví dụ đối tượng header</h1>
<p>Nhấn nút để tạo phần tử header</p>
<button onclick="createHeader()">TẠO</button>
<script>
  function createHeader() {
    var header = document.createElement("HEADER");
    document.body.appendChild(header);
    var h2 = document.createElement("H2");
    var txt = document.createTextNode("Header chứa phần tử h2 vừa được tạo");
    h2.appendChild(txt);
    header.appendChild(h2);
  }
</script>
</body>
</html>

Kết quả

Sau khi nhấn nút "TẠO", một phần tử <header> xuất hiện chứa tiêu đề <h2> với nội dung "Header chứa phần tử h2 vừa được tạo".

Giải thích

• Nút "TẠO" gọi hàm createHeader().
• Hàm tạo <header>, gắn vào body.
• Tạo <h2> và nút văn bản, gắn văn bản vào h2.
• Gắn h2 vào header.