[Javascript] 엘리먼트 속성 추가하기 setAttribute

jinwanseo 2021. 5. 24. 21:04

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