Computer >> Máy Tính >  >> Lập trình >> Javascript

Giá trị của nút thuộc tính lớp của một phần tử trong JavaScript?

Javascript đã cung cấp getAttributeNode () phương pháp để tìm nút thuộc tính với tên được chỉ định của một phần tử, dưới dạng đối tượng thuộc tính . Nếu thuộc tính không tồn tại, giá trị trả về là null hoặc chuỗi trống ("") .

cú pháp

element.getAttributeNode(attributename);

Nó trả về đối tượng thuộc tính đại diện cho nút thuộc tính được chỉ định

Ví dụ

Trong ví dụ sau, có hai thẻ tiêu đề với các lớp khác nhau . Các thẻ đó khi được truy cập bởi getAttributeNode () có thể trả về lớp thuộc tính mà chúng đã đính kèm. Nó hoạt động giống như một mảng. Chúng tôi chỉ có thể truy cập nhiều lớp bằng cách cung cấp số chỉ mục của chúng.

<html>
<body>
<h2 class="class1">Tutorix</h2>
<h2 class="class2">Tutorialspoint</h2>
<p id = "attribute"></p>
<script>
   var elmnt = document.getElementsByTagName("h2")[1];
   var value = elmnt.getAttributeNode("class").value;
   document.getElementById("attribute").innerHTML = value;
</script>
</body>
</html>

Đầu ra

Tutorix
Tutorialspoint
class2