HTML DOM Element getAttribute() 메서드

정의와 사용법

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

추가 정보:

setAttribute() 메서드

removeAttribute() 메서드

hasAttribute() 메서드

hasAttributes() 메서드

createAttribute() 메서드

getAttributeNode() 메서드

setAttributeNode() 메서드

removeAttributeNode() 메서드

강의:

HTML 속성

인스턴스

예제 1

요소의 class 속성 값을 가져오기:

let text = element.getAttribute("class");

직접 테스트해 보세요

예제 2

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

let text = myAnchor.getAttribute("target");

직접 테스트해 보세요

예제 3

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

let text = myButton.getAttribute("onclick");

직접 테스트해 보세요

문법

element.getAttribute(name)

매개변수

매개변수 설명
name 필수. 속성 이름.

반환 값

타입 설명
문자열 속성 값.
null 속성이 존재하지 않으면.

기술 세부 사항

HTMLElement 객체는 각 표준 HTML 속성에 해당하는 JavaScript 속성을 정의하므로, 비표준 속성의 값을 쿼리할 때만 HTML 문서와 함께 이 메서드를 사용해야 합니다.

XML 문서에서는 속성 값이 직접 요소 속성으로 사용될 수 없으며, 호출 메서드를 통해 검색해야 합니다. 이름 공간을 사용하는 XML 문서를 사용할 때는 다음과 같이 사용해야 합니다: getAttributeNS() 메서드.

브라우저 지원

element.getAttribute DOM Level 1 (1998) 기능입니다.

모든 브라우저에서 완벽하게 지원됩니다:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
지원 9-11 지원 지원 지원 지원