[ 자바스크립트로 제어하고 싶은 대상 선택하기(찾기) ]





?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
document 문서 객체를 이용해 문서 부분에 있는 요소들을 선택해 올 수 있다.
 
    1. document.getElementByTagName
    <ul>
        <li>HTML</li>
        <li class="active" id="activeId">CSS</li>
        <li class="active">JavaScript</li>
    </ul>
    <script type="text/javascript">
        var lis = document.getElementByTagName("li");
        for(var i=0; i<lis.length; i++){
            lis[i].style.color="red";
        }
    </script>
    <script type="text/javascript">
        // 조회 대상을 조금 더 좁혀서 잡아오기
        var lis2 = document.getElementByTagname("li")[0];
    </script>
 
    2. document.getElementByClassName
    <script type="text/javascript">
        var lis3 = document.getElementByClassName("active");
        var lis4 = document.getElementByClassName("active")[1];
    </script>
 
    3. document.getElementById
    <script type="text/javascript">
        lis5 = document.getElementByid("activeid").innerHTML();
    </script>
</textaera>


저작자표시 비영리

'스터디 > 자바스크립트' 카테고리의 다른 글

자바스크립트 navigator를 이용한 IE 버전 알아내기  (0) 2017.08.08
자바스크립트로 부모,자식 요소 접근하기  (0) 2017.08.08
window 객체(location,navigator,screen etc...) : 부모창 자식창간 데이터 주고 받기 포함  (0) 2017.08.04
location 객체와 navigator 객체  (0) 2017.08.04
HTML에서 자바스크립트 로드하기  (0) 2017.08.04

+ Recent posts

티스토리툴바