HTML DOM Element attributes ominaisuus

Määritelmä ja käyttö

attributes Ominaisuus palauttaa elementin ominaisuuksien kokoelman.

attributes Ominaisuus palauttaa NamedNodeMap.

NamedNodeMap

NamedNodeMap On elementin ominaisuuksien tyyppinen, järjestymättömästi sijoitettu taulukon kaltainen kokoelma.

Toisin sanoen: NamedNodeMap on Attr-objekti.

NamedNodeMap tarjoaa listan, jonka avulla voidaan palauttaa solujen määrä. length -ominaisuus.

Sivut voidaan saavuttaa nimellä tai indeksillä (alaviiva). Indeksi alkaa 0:sta.

Katso myös:

HTML DOM ominaisuudet

Esimerkki

Esimerkki 1

<img> -elementillä on kuinka monta ominaisuutta:

let numb = document.getElementById("myImg").attributes.length;

Kokeile itse

Esimerkki 2

Näytä <img> -elementin kaikki ominaisuudet:

const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
  text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;

Kokeile itse

Esimerkki 3

<button> -elementillä on kuinka monta ominaisuutta:

let numb = document.getElementById("myButton").attributes.length;

Kokeile itse

Esimerkki 4

Hanki <button> -elementin toisen (indeksi 1) ominaisuuden nimi:

let attr = document.getElementById("myBtn").attributes[1].name;

Kokeile itse

Syntaksi

node.attributes

Palautusarvo

Tyyppi Kuvaus
NamedNodeMap Ominaisuusobjektien kokoelma.

Selaimen tuki

element.attributes 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