Đối tượng Base trong HTML DOM

Đối tượng Base trong HTML DOM liên quan đến phần tử HTML <base>. Phần tử <base> dùng để chỉ định base URL cho tất cả các URL khác trong tài liệu HTML. Chỉ có tối đa một phần tử <base> trong một tài liệu HTML. Đối tượng Base dùng để thiết lập hoặc lấy thuộc tính href của phần tử <base>.

Thuộc tính

Dưới đây là các thuộc tính của đối tượng Base:

Cú pháp

Tạo phần tử base

document.createElement ("base")

Truy cập phần tử base

var a = document.getElementById("demoBase");

Ví dụ

Dưới đây là ví dụ về đối tượng base:

<!DOCTYPE html> <html> <body> <p>Tạo phần tử trước rồi truy cập nó</p> <p>Click nút bên dưới để tạo hoặc truy cập phần tử BASE.</p> <button onclick="CreateBase()">TẠO</button> <button onclick="AcessBase()">TRUY CẬP</button> <p id="SAMPLE"></p> <script>    function CreateBase() {       var x = document.createElement("BASE");       x.setAttribute("id","myBase");       x.setAttribute("href", "https://www.google.com");       document.head.appendChild(x);       document.getElementById("SAMPLE").innerHTML = "Phần tử BASE với href       https://www.google.com đã được tạo";    }    function AcessBase() {       var x = document.getElementById("myBase").href;       document.getElementById("SAMPLE").innerHTML = x;    } </script> </body> </html>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click TẠO:

Khi click TRUY CẬP:

Giải thích ví dụ:

Tạo hai nút TẠO và TRUY CẬP để thực thi CreateBase() và AccessBase():

<button onclick="CreateBase()">TẠO</button> <button onclick="AcessBase()">TRUY CẬP</button>

CreateBase() tạo base element gán cho biến x. Dùng setAttribute() đặt id và href. Base element mới thêm vào document head bằng appendChild(). Thông báo tạo thành công hiển thị trong đoạn văn id SAMPLE:

function CreateBase() {    var x = document.createElement("BASE");    x.setAttribute("id","myBase");    x.setAttribute("href", "https://www.google.com");    document.head.appendChild(x);    document.getElementById("SAMPLE").innerHTML = "Phần tử BASE với href https://www.google.com đã được tạo"; }

AcessBase() truy cập <base> vừa tạo. Lấy phần tử bằng id, lấy href gán cho biến x. Thông tin hiển thị vào đoạn văn id SAMPLE:

function AcessBase() {    var x = document.getElementById("myBase").href;    document.getElementById("SAMPLE").innerHTML = x; }