HTML DOM Element setAttributeNode() yöntemi

Tanım ve kullanım

setAttributeNode() Yöntem, belirtilen öznitelik düğümünü öğeye ekler ve Öznitelik nesnesi döner.

Bu belirlenen öznitelik zaten varsa, bu yöntem onu değiştirir.

Alternatif çözüm:

Kullanım: setAttribute() yöntemi Daha kolay.

Ayrıca bakınız:

Bilgi kitabı:

getAttributeNode() yöntemi

removeAttributeNode() yöntemi

createAttribute() yöntemi

getAttribute() yöntemi

setAttribute() yöntemi

hasAttribute() yöntemi

Öznitelik değeri öznitelik

HTML DOM Öznitelik nesnesi

Eğitim:

HTML özellikleri

setAttribute() ve setAttributeNode() arasındaki fark

setAttribute() Yöntem Öznitelik değerini değiştirir.

setAttributeNode() Yöntem Öznitelik nesnesini değiştirir.

Öznitelik eklenecek öncede, Öznitelik nesnesi oluşturulmalı ve Öznitelik değeri ayarlanmalıdır.

Sonuç aynı olacaktır.

Örnek

Örnek 1

ilk <h1> öğesinin class öznitelik düğümünü ayarlayın:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Kişisel olarak deneyin

Ayarlandıktan önce:

Hello World

Ayarlandıktan sonra:

Hello World

Örnek 2

<a>元素的href özellik düğümünü ayarlayın:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Kişisel olarak deneyin

Ayarlandıktan önce:

codew3c.com'ı ziyaret edin

Ayarlandıktan sonra:

codew3c.com'ı ziyaret edin

Gramer

element.setAttributeNode(newAttr)

Parametre

Parametre Açıklama
newAttr Gerekli. Eklenmesi gereken veya değerinin değiştirilmesi gereken özellik, veya Attr düğümü.

Dönüş değeri

Tip Açıklama
Nesne

Değiştirilen özellik düğümünün Attr nesnesini temsil eder.

Herhangi bir özellik değiştirilmediyse null olur.

At

Bu yöntem, aşağıdaki kod içeren DOMException hatasını atar:

Hata Açıklama
INUSE_ATTRIBUTE_ERR newAttr Zaten başka bir Element düğümünün özellik koleksiyonunun bir üyesidir.
NO_MODIFICATION_ALLOWED_ERR Güncel Element düğümü yalnızca okunabilir ve onun özelliklerini değiştirmeye izin verilmez.
WRONG_DOCUMENT_ERR newAttr kendi ownerDocument özelliği, onu ayarlamak istediği Element düğümünden farklıdır.

Tarayıcı desteği

element.setAttributeNode() DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar tamamen onu destekler:

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