HTML DOM Document createAttribute() 方法

定义和用法

code>createAttribute() 方法创建属性并将该属性作为 Attr 对象返回。备选方案：

使用 setAttribute() 方法 更容易。

另请参阅：

Element setAttribute() 方法

Attribute value 方法

Element setAttributeNode() 方法

Esimerkki

Esimerkki 1

// Luo class-ominaisuus:
const att = document.createAttribute("class");
// Aseta class-ominaisuuden arvo:
att.value = "democlass";
// Lisää class-ominaisuus ensimmäiseen h1:hen:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

Kokeile itse

Esimerkki 2

// Luo style-ominaisuus:
const att = document.createAttribute("style");
// Aseta style-ominaisuuden arvo:
att.value = "color:red";
// Lisää style-ominaisuus ensimmäiseen h1:hen:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

Kokeile itse

Esimerkki 3

Lisää href="www.codew3c.com"-ominaisuus anchor-elementtiin:

// Luo href-ominaisuus:
const att = document.createAttribute("href");
// Aseta href-ominaisuuden arvo:
att.value = "https://www.codew3c.com";
// Lisää href-ominaisuus elementtiin:
element.setAttributeNode(att);

Kokeile itse

Syntaksi

document.createAttribute(nimi)

Parametrit

Parametrit Kuvaus
nimi Välttämätön. Luotavan ominaisuuden nimi.

Palautusarvo

Tyyppi Kuvaus
Solmu Uudelleen luodun ominaisuus Solmun nimi asetettu nimi.

heittää

Jos nimi sisältää kirjoittamattomia merkkejä, tämä metodi heittää virheen koodilla INVALID_CHARACTER_ERR DOMException poikkeus.

Selaimen tuki

document.createAttribute() Se on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä:

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