HTML DOM Document createAttribute() 方法

定义和用法

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

使用 setAttribute() 方法 更容易。

另请参阅：

Element setAttribute() 方法

Attribute value 方法

Element setAttributeNode() 方法

halimbawa

halimbawa 1

// nilikha ang class na katangian:
const att = document.createAttribute("class");
// itakda ang halaga ng class na katangian:
att.value = "democlass";
// magdagdag ng class na katangian sa unang h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

subukan ang sarili

halimbawa 2

// nilikha ang style na katangian:
const att = document.createAttribute("style");
// itakda ang halaga ng style na katangian:
att.value = "color:red";
// magdagdag ng style na katangian sa unang h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

subukan ang sarili

halimbawa 3

Magdagdag ng href="www.codew3c.com" na katangian sa anchor na elemento:

// nilikha ang href na katangian:
const att = document.createAttribute("href");
// itakda ang halaga ng href na katangian:
att.value = "https://www.codew3c.com";
// magdagdag ng href na katangian sa elemento:
element.setAttributeNode(att);

subukan ang sarili

paalala

document.createAttribute(name)

parametro

parametro pagsusuri
name dapat. Ang pangalang dapat nilikha na naaangkop na baryo.

baling sabi

uri pagsusuri
baryo Bagong nilikha na naaangkop na baryo. Ang naaangkop na baryo ay itinakda na name。

tatanong

Kung ang name ay mayroong mga hindi natutunghang character, ang paraan na ito ay magtatanong ng code na INVALID_CHARACTER_ERR ng DOMException kakaiba.

browser na sumusuporta

document.createAttribute() ay DOM Level 1 (1998) katangian.

Ang lahat ng mga browser ay sumusuporta sa ito:

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