라이브러리
[JAVASCRIPT] element.setAttribute(name, value) - 요소 속성 설정
element.setAttribute(name, value) 메서드
`element.setAttribute(name, value)` 메서드는 HTML 요소에 특정 속성을 추가하거나 변경하는 데 사용됩니다. 이 메서드는 두 개의 매개변수를 받습니다: `name` (속성 이름)과 `value` (속성 값).
# 예제 1: 속성 추가
#hostingforum.kr
javascript
// HTML 요소 생성
const div = document.createElement('div');
// 속성 추가
div.setAttribute('id', 'myDiv');
div.setAttribute('class', 'container');
// 속성 확인
console.log(div.getAttribute('id')); // myDiv
console.log(div.getAttribute('class')); // container
# 예제 2: 속성 변경
#hostingforum.kr
javascript
// HTML 요소 생성
const div = document.createElement('div');
// 속성 추가
div.setAttribute('id', 'myDiv');
div.setAttribute('class', 'container');
// 속성 변경
div.setAttribute('class', 'container new-class');
// 속성 확인
console.log(div.getAttribute('class')); // container new-class
# 예제 3: 속성 삭제
#hostingforum.kr
javascript
// HTML 요소 생성
const div = document.createElement('div');
// 속성 추가
div.setAttribute('id', 'myDiv');
div.setAttribute('class', 'container');
// 속성 삭제
div.removeAttribute('class');
// 속성 확인
console.log(div.getAttribute('class')); // null
속성 이름과 값
속성 이름은 HTML 요소의 속성을 나타내며, 일반적으로 `camelCase` 또는 `kebab-case`로 작성됩니다. 속성 값은 HTML 요소의 속성 값을 나타내며, 문자열, 숫자, 또는 boolean 값이 될 수 있습니다.
속성 확인
속성을 확인하려면 `getAttribute()` 메서드를 사용합니다. 이 메서드는 속성 이름을 인수로 받고, 해당 속성의 값을 반환합니다.
속성 삭제
속성을 삭제하려면 `removeAttribute()` 메서드를 사용합니다. 이 메서드는 속성 이름을 인수로 받고, 해당 속성을 삭제합니다.
결론
`element.setAttribute(name, value)` 메서드는 HTML 요소에 속성을 추가하거나 변경하는 데 사용됩니다. 속성 이름과 값은 HTML 요소의 속성을 나타내며, 속성을 확인하고 삭제하는 데 사용할 수 있습니다.
댓글목록
등록된 댓글이 없습니다.