코딩 이야기

HTML 요소에 접근하기 본문

JAVA스크립트

HTML 요소에 접근하기

별메아리 2023. 1. 6. 15:45
728x90
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1 id="test">This is a heading.</h1>
    <script>
        function func() {
            e = document.getElementById("test"); /* id 가 test인 요소를 가져온다*/
            e.style.color = "red"; /* id 가 test 인요소의 스타일을 변경한다. */
        }
    </script>
    <button type="button" onclick="func()">클릭하세요!</button>
</body>
</html>

getElementById(id)를 사용하여 요소에 접근해서 요소색깔을 바꿔보았다.

728x90
저작자표시 비영리 변경금지

'JAVA스크립트' 카테고리의 다른 글

반복문 (2)  (0) 2023.01.09
반복문  (0) 2023.01.06
조건문  (0) 2023.01.06
숫자와 문자열 사이의 반환  (0) 2023.01.06
자바 스크립트 기초  (0) 2023.01.06
'JAVA스크립트' Related Articles more
Comments