#
3.속성조작
#
목차
1. setAttribute() 1.1. 기본문법 1.1.1. 예제
2. getAttribute() 2.1. 기본문법 2.1.1. 예제
#
1. setAttribute()
HTML 요소의 속성 (attribute)과 속성값을 변경할 수 있다.
#
1.1. 기본문법
Element.setAttribute(name, value);
#
1.1.1. 예제
html
js
<h1>Hello World</h1>const title = document.querySelector('h1');
title.setAttribute('style', 'color: skyblue');
#
2. getAttribute()
HTML 요소의 속성 (attribute)과 속성값을 취득할 수 있다.
#
2.1. 기본문법
Element.getAttribute(attributeName)
#
2.1.1. 예제
html
js
<h1 class="title">Hello World</h1>
<h2></h2>const title = document.querySelector('h1').getAttribute('class');
document.querySelector('h2').innerText = title;