유블로그

[JavaScript] document.~ 으로 element 찾고 변경하기 본문

JavaScript & jQuery

[JavaScript] document.~ 으로 element 찾고 변경하기

yujeong kang 2020. 9. 12. 11:47

id, name, 태그이름, class 등으로 dom element들을 검색할 수 있다.

<body>
    <span id="content1">content1</span>
    <div>content2</div>
    <span name="content3">content3</span>
    <div class="content4">content4</div>

    <script type="text/javascript">
        // 1. id속성으로 찾기.
        document.getElementById("content1");
        // 2. tagName으로 찾기.
        document.getElementsByTagName("div");
        // 3. name 속성으로 찾기.
        document.getElementsByName("content3");
        // 4. className으로 찾기.
        document.getElementsByClassName("content4");
    </script>
</body>
저작자표시 비영리 변경금지

'JavaScript & jQuery' 카테고리의 다른 글

[JavaScript] 이벤트 종류  (0) 2020.09.12
[JavaScript] .innerHTML 로 내용 확인하고 변경하기  (0) 2020.09.12
[JavaScript] Web Browser 와 Window 객체  (0) 2020.09.12
[JavaScript] focus 이벤트와 blur 이벤트, input 값 체크하기  (0) 2020.09.11
[JavaScript] form input 값 없을 때 submit 금지  (0) 2020.09.11
'JavaScript & jQuery' Related Articles more