HTML DOM Element getAttributeNode() 메서드

정의와 사용법

getAttribute() 메서드는 지정된 속성 이름의 속성 값을 Attr 객체로 반환합니다.

대체 방안:

사용 getAttribute() 메서드 그리 어렵지 않습니다.

다른 것을 참조하십시오：

setAttribute() 메서드

hasAttribute() 메서드

removeAttribute() 메서드

setAttributeNode() 메서드

removeAttributeNode() 메서드

教程：

HTML 속성

참조 매뉴얼:

HTML DOM 속성 객체

지식 포인트: getAttribute()와 getAttributeNode()의 차이

getAttribute() 메서드는 속성의 값을 반환합니다.

getAttributeNode() 메서드가 반환합니다. Attr 객체를 사용해야 합니다. Attr value 속성 이 값을 가져오기 위해

결과는 동일합니다.

예제

예제 1

<h1> 요소의 class 속성 노드 값을 가져오기:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

직접 시도해보세요

예제 2

<a> 요소의 target 속성 노드 값을 가져오기:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

직접 시도해보세요

예제 3

<button> 요소의 onclick 속성 노드 값을 가져오기:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

직접 시도해보세요

문법

element.getAttributeNode(name)

파라미터

파라미터 설명
name 필수. 속성 이름

반환 값

타입 설명
객체 속성 노드의 Attr 객체
null 속성이 존재하지 않을 경우.

설명

getAttributeNode() 메서드는 지정된 속성 값을 나타내는 Attr 노드를 반환합니다. 주의할 것은 Node 인터페이스에서 상속한 attributes 속성을 통해도 이 Attr 노드를 얻을 수 있습니다.

브라우저 지원

element.getAttributeNode() 이는 DOM Level 1 (1998) 기능입니다.

모든 브라우저가 완전히 지원합니다:

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원