Trong bài này tất cả chúng ta sẽ khám phá về một số ít thuộc tính trong DOM như attributes, childNodes, className, firstChild, innerHTML, lastChild, length, nextSibling, nodeName, nodeType, nodeValue, parentNode, previousSibling .
Tóm Tắt
attributes
Thuộc tính này trả về một mảng những thuộc tính của thành phần. Để lấy tên thuộc tính ta dùng thêm thuộc tính ” name “, và để lấy giả trị của thuộc tính tất cả chúng ta dùng thêm thuộc tính ” value ” .
Ví dụ sau chúng ta lấy tên và giá trị của thuộc tính attributes[0] của phần tử p. Khi click vào nút show kết quả nhận được là chuỗi “id->p1” trong hộp text box.
Bạn đang đọc: Thuộc tính trong DOM như attributes, childNodes…
Sample Paragraph
childNodes
Thuộc tính trả về một mảng những nút con của thành phần. Từ đây tất cả chúng ta giễ ràng dùng vòng lặp for để duyệt qua hết những thành phần trong mảng .
// lay tat ca cac phan tu con cua table kids = table.childNodes; for (var i = 0; i < kids.length; i++) { // Lam mot viec gi do voi phan tu kids[i] }
className
Cho biết thông tin về tên thuộc tính class của thành phần, bạn còn hoàn toàn có thể gán class cho thành phần bạn muốn .
Cú pháp :
name = element.className element.className = name
firstChild
Trả về thành phần con tiên phong .
trow = document.getElementById("row1"); left_cell = trow.firstChild;
innerHTML
Trả về toàn bộ những ghi lại và nội dung bên trong thành phần. Bạn cũng hoàn toàn có thể gán ghi lại và nội dung cho thành phần .
lastChild
Trả về thành phần con ở đầu cuối .
tr = document.getElementById("row1"); corner_td = tr.lastChild;
length
Trả về tổng số thành phần trong một mảng hoặc số lượng ký tự trong một chuỗi .
nextSibling
Trả về phần tử tiếp của phần tử tiử được chọn.
Xem thêm: Hướng dẫn và ví dụ Java Reflection
next_element = element.nextSibling
nodeName
Trả về tên của nút chính là tên thẻ mà bạn chọn .
nodeType
Trả về tên loại nút, bạn cũng biết nút thì hoàn toàn có thể là nút thành phần hoặc nút văn bản hay nút thuộc tính ...
Sau đây là những giá trị thuộc tính nodeType sẻ trả về tương ứng với những loại nút .
- ELEMENT_NODE = 1;
- ATTRIBUTE_NODE = 2;
- TEXT_NODE = 3;
- CDATA_SECTION_NODE = 4;
- ENTITY_REFERENCE_NODE = 5;
- ENTITY_NODE = 6;
- PROCESSING_INSTRUCTION_NODE = 7;
- COMMENT_NODE = 8;
- DOCUMENT_NODE = 9;
- DOCUMENT_TYPE_NODE = 10;
- DOCUMENT_FRAGMENT_NODE = 11;
- NOTATION_NODE = 12;
nodeValue
Trả về giá trị của nút, thường để lấy giá trị là nội dung text của nút văn bản
Ví dụ :
fgdsgdsfgdsg
parentNode
Trả về thành phần cha của thành phần bạn chọn
Ví dụ :
fgdsgdsfgdsg
previousSibling
Trả về phần tử đứng trước phần tử bạn chọn trong cây thư hồ sơ.
Ví dụ :
fgdsgdsfgdsgfgdsgdsfgdsg
( còn tiếp ). Các thuộc tính trong DOM : offsetHeight, offsetWidth ...
Source: https://final-blade.com
Category: Kiến thức Internet