Thuộc tính trong DOM như attributes, childNodes…

Thuộc tính trong DOM như attributes, childNodes...

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 .

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.





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.

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ụ :

fgdsgdsfgdsg
fgdsgdsfgdsg

( còn tiếp ). Các thuộc tính trong DOM : offsetHeight, offsetWidth ...