Thuộc tính open của Details

Đối tượng Details DOM HTML

Định nghĩa và cách sử dụng

open cài đặt thuộc tính hoặc trả về thông tin chi tiết/Thông tin bổ sung có nên hiển thị cho người dùng (mở) hay không.

Thuộc tính này phản ánh Thuộc tính open của <details>.

Khi được đặt là true, thông tin chi tiết sẽ hiển thị cho người dùng (mở).

Xem thêm:

Tài liệu tham khảo HTML:Thẻ <details> HTML

Mô hình

Ví dụ 1

Hiển thị thông tin chi tiết bổ sung:

document.getElementById("myDetails").open = true;

Thử ngay

Ví dụ 2

Hiểu xem người dùng có thể xem (mở) thông tin chi tiết bổ sung hay không:

var x = document.getElementById("myDetails").open;

Thử ngay

Ví dụ 2

Chuyển đổi giữa mở và đóng thông tin chi tiết bổ sung:

function openDetails() {
    document.getElementById("myDetails").open = true;
}
function closeDetails() {
    document.getElementById("myDetails").open = false;
}

Thử ngay

Ngữ pháp

Trả về thuộc tính open:

detailsObject.open

Đặt thuộc tính open:

detailsObject.open = true|false

Giá trị thuộc tính

Giá trị Mô tả
true|false

Định nghĩa xem thông tin chi tiết bổ sung có nên hiển thị cho người dùng (mở).

  • true - Thông tin chi tiết sẽ hiển thị
  • false - Thông tin chi tiết sẽ không hiển thị

Chi tiết kỹ thuật

Giá trị trả về: Giá trị boolean, trả về true nếu chi tiết có thể nhìn thấy, ngược lại trả về false.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ tính chất này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 Không hỗ trợ 49.0 6.0 15.0

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính open của thẻ <details> HTML

Đối tượng Details DOM HTML