HTML DOM Element getAttributeNode() 方法

定义和用法

getAttribute() 方法返回指定属性名的属性值,以 Attr 对象。

替代方案:

使用 getAttribute() 方法 会更容易。

另请参阅:

setAttribute() 方法

hasAttribute() 方法

removeAttribute() 方法

setAttributeNode() 方法

removeAttributeNode() 方法

教程:

HTML-ominaisuudet

参考手册:

HTML DOM Attribute 对象

知识点:getAttribute() 和 getAttributeNode() 的区别

getAttribute() 方法返回属性的值。

getAttributeNode() metodin palauttama Attr-objektisinun on käytettävä Attr value -ominaisuus Hanki tämä arvo.

Tulokset ovat samat.

Esimerkki

Esimerkki 1

Hanki <h1>-elementin class-ominaisuuden arvon:

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

Kokeile itse

Esimerkki 2

Hanki <a>-elementin target-ominaisuuden arvon:

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

Kokeile itse

Esimerkki 3

Hanki <button>-elementin onclick-ominaisuuden arvon:

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

Kokeile itse

Syntaksi

element.getAttributeNode(name)

Parametrit

Parametrit Kuvaus
name Välttämätön. Ominaisuuden nimi.

Palautusarvo

Tyyppi Kuvaus
Objekti Ominaisuus solmun Attr-objekti.
null Jos ominaisuus ei ole olemassa.

Kuvaus

getAttributeNode() Metodi palauttaa Attr-sivun, joka edustaa määritettyä ominaisuuden arvoa. Huomaa, että Attr-sivun saaminen myös Node-liittymän attributes-ominaisuuden kautta on mahdollista.

Selaimen tuki

element.getAttributeNode() Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

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