728x90
바닐라 자바스크립트
엘리먼트 / 노드 / 태그 속성 추가 하기 setAttribute
기본 형태
//엘리먼트에 속성 추가
element.setAttribute(속성명,속성값);
샘플 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SetAttribute Example</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>출력 결과
728x90
'프론트엔드 > Javascript' 카테고리의 다른 글
| [Javascript] 클래스 추가 / 삭제 / 포함 여부 확인 classList.(add/remove/contains) (0) | 2021.05.24 |
|---|---|
| [Javascript] 자식 엘리먼트 / 노드 / 태그 추가 append (0) | 2021.05.24 |
| [Javascript] 엘리먼트 / 노드 / 태그 생성 createElement (0) | 2021.05.24 |
| [Javascript] 엘리먼트 앞 / 뒤에 특정 엘리먼트 삽입하기 insertBefore, insertAdjacentElement (0) | 2021.05.24 |
| [Javascript] 원하는 엘리먼트로 스크롤 이동 Element.scrollIntoView() (0) | 2021.05.23 |
댓글