Metoda createAttribute() DOM HTML Document

Definicja i użycie

code>createAttribute() Metoda tworzy atrybut i zwraca go jako obiekt Attr.Alternatywy:

Użycie Metoda setAttribute() Lepiej.

Inne zasoby:

Metoda setAttribute()

Metoda wartości atrybutu

Metoda setAttributeNode()

przykład

Przykład 1

// Utwórz atrybut class:
const att = document.createAttribute("class");
// Ustaw wartość atrybutu class:
att.value = "democlass";
// Dodaj atrybut class do pierwszego h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

spróbuj sam

Przykład 2

// Utwórz atrybut style:
const att = document.createAttribute("style");
// Ustaw wartość atrybutu style:
att.value = "color:red";
// Dodaj atrybut style do pierwszego h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

spróbuj sam

Przykład 3

Dodaj atrybut href="www.codew3c.com" do elementu anchor:

// Utwórz atrybut href:
const att = document.createAttribute("href");
// Ustaw wartość atrybutu href:
att.value = "https://www.codew3c.com";
// Dodaj atrybut href do elementu:
element.setAttributeNode(att);

spróbuj sam

syntaktyka

document.createAttribute(name)

parametry

parametry opis
name wymagane. Nazwa atrybutu do utworzenia.

zwrócony wartość

typ opis
węzeł nowo utworzony węzeł atrybutu. atrybut nadeName ustawiony na name.

wywołać

jeśli name zawiera niedozwolone znaki, ta metoda wywoła kod INVALID_CHARACTER_ERR wyjątków DOMException.

obsługa przeglądarek

document.createAttribute() jest cechą DOM Level 1 (1998).

wszystkie przeglądarki obsługują je:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
obsługa 9-11 obsługa obsługa obsługa obsługa