HTML DOM Element getAttributeNode() method

Definition and usage

getAttribute() The method returns the attribute value of the specified attribute name as an Attr object.

Alternative solution:

Use getAttribute() method It will be easier.

See also:

setAttribute() method

hasAttribute() method

removeAttribute() method

setAttributeNode() method

removeAttributeNode() method

Tutorial:

Atribut HTML

Reference manual:

HTML DOM Attribute object

Knowledge point: The difference between getAttribute() and getAttributeNode()

getAttribute() Method returns the value of the attribute.

getAttributeNode() metode yang diembalikan Objek Attr, Anda harus menggunakan Atribut nilai Attr untuk mendapatkan nilai ini.

Hasilnya sama.

Contoh

Contoh 1

Ambil nilai node atribut atribut class elemen <h1>:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

Coba sendiri

Contoh 2

Ambil nilai node atribut atribut target elemen <a>:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

Coba sendiri

Contoh 3

Ambil nilai node atribut atribut onclick elemen <button>:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

Coba sendiri

Syarat

element.getAttributeNode(name)

Parameter

Parameter Deskripsi
name Diperlukan. Nama atribut.

Kembalian

Tipe Deskripsi
Objek Objek Attr node atribut.
null Jika atribut tidak ada.

Keterangan

getAttributeNode() Metode ini akan mengembalikan sebuah node Attr yang mewakili nilai atribut yang ditentukan. Perhatikan, node Attr ini juga dapat diambil melalui atribut attributes yang diwarisi dari interface Node.

Dukungan peramban

element.getAttributeNode() Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya sepenuhnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan