최신 웹 개발 튜토리얼
 

HTML DOM setAttributeNode() Method

<요소 개체

집합 class (A)의 속성 노드 <h1> 요소 :

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

속성 노드를 설정하기 전에 :

Hello World

속성 노드를 설정 한 후 :

Hello World

»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

setAttributeNode() 메소드는 추가 specified 요소에 속성 노드.

경우 specified 속성이 이미 존재하는이 방법은 그것을 대체합니다.

이 메소드의 리턴 값을 지정해 Attr 객체이다. 자세한 내용 은 HTML DOM 속성 개체 .

또한 참조 setAttribute() 메소드를.

팁 : 사용 removeAttributeNode() 요소에서 속성 노드를 제거하는 방법.


브라우저 지원

방법
setAttributeNode()

통사론

element .setAttributeNode( attributenode )

매개 변수 값

매개 변수 유형 기술
attributenode Attr object 필요합니다. 추가 할 속성 노드

기술적 세부 사항

반환 값 : 나타내는 Attr의 객체, replaced 속성 노드를 (있는 경우), 그렇지 않은 경우는 null
DOM 버전 코어 레벨 1 요소 개체

예

더 예

설정 href (A)의 속성 노드 <a> 요소를 :

var anchor = document.getElementById("myAnchor");  // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "http://www.w3ii.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

속성 노드를 설정하기 전에 :

Go to w3ii.com

속성 노드를 설정 한 후 :

»그것을 자신을 시도

관련 페이지

HTML 자습서 : HTML 속성

HTML DOM 참조 : HTML DOM은 객체 속성

HTML DOM 참조 : href="met_element_setattribute.html"> setAttribute() Method

HTML DOM 참조 : href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method

HTML DOM 참조 : 부동산 .value 속성

HTML DOM 참조 : href="met_element_getattributenode.html"> getAttributeNode() Method

HTML DOM 참조 : href="met_element_removeattributenode.html"> removeAttributeNode() Method


<요소 개체