Sử dụng Phần tử > Thẻ Thuộc tính để duyệt xem và lọc thuộc tính của đối tượng DOM.
Mở thẻ Thuộc tính
Để mở thẻ Cơ sở lưu trú, hãy làm theo các bước sau:
- Mở Công cụ cho nhà phát triển. Theo mặc định, bảng điều khiển Elements (Thành phần) sẽ mở ra.
- Trong cây DOM, hãy chọn một nút.
- Mở thẻ Thuộc tính. Nếu bạn không thấy thẻ đó, hãy nhấp vào biểu tượng Tuỳ chọn khác , sau đó chọn thẻ từ trình đơn thả xuống.
Khám phá các tài sản riêng
Thẻ Properties (Thuộc tính) sẽ sắp xếp và hiển thị các thuộc tính riêng của đối tượng trước tiên bằng phông chữ đậm.
Tìm nguồn gốc của một tài sản kế thừa
Thẻ Properties (Thuộc tính) đánh giá trình truy cập trên các phần tử tích hợp sẵn và hiển thị các trình truy cập đó trên đối tượng ở dạng kế thừa và dùng phông chữ thông thường.
Để tìm nguồn gốc của một thuộc tính kế thừa, hãy mở rộng một đối tượng, sau đó là [[Prototype]] của đối tượng đó, sau đó là [[Prototype]] lồng nhau, v.v.
Trong ví dụ này, bạn có thể theo dõi nguồn gốc của thuộc tính size kế thừa bằng cách xác định vị trí của thuộc tính riêng (in đậm) ban đầu trên chuỗi nguyên mẫu cùng với phương thức getter tương ứng.
Ngoài ra, các thuộc tính dành riêng cho nguyên mẫu chỉ xuất hiện trên nguyên mẫu chứ không xuất hiện trên đối tượng. Điều này giúp bạn dễ dàng chẩn đoán các đối tượng.
Lọc thuộc tính
Để nhanh chóng tìm thấy một thuộc tính, hãy bắt đầu nhập tên hoặc giá trị của thuộc tính đó vào hộp nhập dữ liệu Bộ lọc.
Hiện tất cả cơ sở lưu trú
Theo mặc định, thẻ Properties (Thuộc tính) không hiển thị các cơ sở lưu trú có giá trị null và undefined.
Để xem tất cả cơ sở lưu trú, hãy đánh dấu vào Hiện tất cả.
Tìm hiểu về tài sản
Phần tử > Thẻ Cơ sở lưu trú cho thấy nhiều cơ sở lưu trú.
Thuộc tính đơn giản
Thuộc tính đơn giản là các cặp <name>: <value>.
Đối tượng và mảng
Thuộc tính có thể thu gọn () là các đối tượng {} hoặc mảng [].
Để biết thêm thông tin về cách kiểm tra đối tượng JavaScript, hãy xem phần Kiểm tra thuộc tính đối tượng.
Các thuộc tính tương ứng với các nút DOM
Các thuộc tính tương ứng với nút DOM là đường liên kết. Nhấp vào một liên kết để chọn nút có liên quan trong cây DOM.
Thuộc tính riêng và thuộc tính kế thừa
Các thuộc tính có phông chữ đậm là thuộc tính của riêng đối tượng. Các thuộc tính này được xác định trực tiếp trên đối tượng.
Các thuộc tính trong phông chữ thông thường được kế thừa từ chuỗi nguyên mẫu. Để hiển thị chúng cho bạn, Công cụ cho nhà phát triển đánh giá những trình truy cập liên quan trên các phần tử HTML tích hợp sẵn.
Công cụ cho nhà phát triển sắp xếp các thuộc tính trước tiên để giúp bạn dễ dàng phát hiện các thuộc tính đó.
Thuộc tính có thể liệt kê và không thể liệt kê
Thuộc tính liệt kê có màu sáng. Các thuộc tính không liệt kê được bị tắt tiếng.
Bạn có thể lặp lại các thuộc tính có thể liệt kê bằng vòng lặp for … in hoặc phương thức Object.keys().
Phương thức
Các phương thức được đánh dấu bằng f ().
Để biết thêm thông tin về hàm, hãy xem phần Kiểm tra hàm thông qua Console.