HTML DOM 문서 createAttribute() 메서드

정의와 사용법

code>createAttribute() 메서드는 속성을 생성하고 해당 속성을 Attr 객체로 반환합니다.대체 방법:

사용 setAttribute() 메서드 간단하다.

추가 정보:

Element setAttribute() 메서드

Attribute 값 메서드

Element setAttributeNode() 메서드

예제

예제 1

// class 속성을 생성합니다：
const att = document.createAttribute("class");
// class 속성의 값을 설정합니다：
att.value = "democlass";
// 첫 번째 h1에 class 속성을 추가합니다：
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

개인적으로 시도해 보세요

예제 2

// style 속성을 생성합니다：
const att = document.createAttribute("style");
// style 속성의 값을 설정합니다：
att.value = "color:red";
// 첫 번째 h1에 style 속성을 추가합니다：
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

개인적으로 시도해 보세요

예제 3

href="www.codew3c.com" 속성을 a 요소에 추가합니다：

// href 속성을 생성합니다：
const att = document.createAttribute("href");
// href 속성의 값을 설정합니다：
att.value = "https://www.codew3c.com";
// href 속성을 요소에 추가합니다：
element.setAttributeNode(att);

개인적으로 시도해 보세요

문법

document.createAttribute(name)

파라미터

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

반환 값

형식 설명
노드 새로 생성된 속성 노드. nadeName 속성이 설정됩니다 name을 투げ쳐줍니다.

throw

name이 발음되지 않는 문자를 포함하고 있으면, 이 메서드는 코드로 INVALID_CHARACTER_ERR 의 DOMException 예외.

브라우저 지원

document.createAttribute() DOM Level 1 (1998) 기능입니다.

모든 브라우저에서 지원됩니다:

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