📌 getAttribute('속성명')
- 문서객체의 태그 속성값을 얻어오는 메서드 / 게터
✏️ 예시
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>getAttribute</title>
</head>
<style>
.get { color: #ff0000; }
</style>
<body>
<h1 class="get">getAttribute</h1>
<p id="demo"></p>
<script>
var x = document.getElementsByTagName("h1")[0].getAttribute("class");
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
🖥️ 결과
![](https://velog.velcdn.com/images/hyun082/post/64860cd5-16fe-4b77-bb54-05e79199b104/image.png)
📌 setAttribute('속성명',값)
- 문서객체의 태그 속성값을 변경시키는 메서드 / 세터
✏️ 예시
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>setAttribute</title>
</head>
<body>
<input type="checkbox">
<span>기본 체크 박스</span>
<input type="checkbox" id="check-test">
<span class="check-text">체크된 박스</span>
<script>
let checkTest = document.querySelector('#check-test');
checkTest.setAttribute('checked',true);
</script>
</body>
</html>
🖥️ 결과
![](https://velog.velcdn.com/images/hyun082/post/84c77d87-78a7-4d4b-a872-8e16b0091898/image.png)