HTML DOM Element removeAttributeNode() 메서드

정의와 사용법

removeAttributeNode() 메서드는 요소에서 속성을 제거하고 반환 Attribute 객체

removeAttribute()와 removeAttributeNode()의 차이

removeAttribute() 메서드는 속성을 제거하고 반환 값이 없습니다.

removeAttributeNode() 메서드 제거 Attr 객체또한 제거된 객체를 반환합니다.

결과는 동일할 것입니다.

대체 방법:

사용 removeAttribute() 메서드 간편합니다.

추가로 참조하십시오:

참고 설명서:

getAttributeNode() 메서드

setAttributeNode() 메서드

createAttribute() 메서드

getAttribute() 메서드

setAttribute() 메서드

hasAttribute() 메서드

속성 값 속성

HTML DOM 속성 객체

교육:

HTML 속성

인스턴스

예제 1

첫 번째 <h1> 요소에서 class 속성 노드를 제거합니다:

const element = document.getElementsByTagName("H1")[0];
const attr = element.getAttributeNode("class");
element.removeAttributeNode(attr);

직접 테스트해 보세요

예제 2

링크에서 href 속성 노드를 제거합니다:

const element = document.getElementById("myAnchor");
const attr = element.getAttributeNode("href");
element.removeAttributeNode(attr);

직접 테스트해 보세요

문법

element.removeAttributeNode(oldAttr)

매개변수

매개변수 설명
oldAttr 필수. 제거할 속성 노드.

반환 값

타입 설명
객체 삭제된 속성을 나타내는 Attr 객체를 의미합니다.

throw

예외 설명
NO_MODIFICATION_ALLOWED_ERR 현재 요소는 읽기 전용이며 속성을 제거할 수 없습니다.
NOT_FOUND_ERR oldAttr 현재 요소의 속성이 아닙니다.

설명

이 메서드는 현재 요소의 속성 집합에서 Attr 노드를 제거(반환)합니다. DTD가 제거된 속성에 기본 값을 설정한 경우, 이 메서드는 이 기본 값을 나타내는 새로운 Attr 노드를 추가합니다.

주의事项:사용 방법: removeAttribute() 메서드 이 메서드 대신 사용하는 것이 보통 더 간단합니다.

브라우저 지원

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

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

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