본문 바로가기
2019/JavaScript

JS getElement

by SOLYI 2019. 12. 9.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
//head- script - window.onload=function 내부
 
let e1=document.getElementById("t1");
let e2=document.getElementsByClassName("a");
let e3=document.getElementsByTagName("div");
  /* id로 읽어오는것은 1개씩..
     className, TagName으로 가져오는것은 '배열' */
 
 
//body
<div id="t1" class="a">hello</div>
<div class="a">hello2</div>
<div>hello3</div>
 
//get element로 
window.onload=function(){
    document.getElementById("a1").style.backgroundColor="aqua";
    var d =document.getElementsByTagName("div");
    for(let i = 0;i <d.length; i++){
        if(i%2==0){ //짝수만 color 변경
            d[i].style.color="green";
        }
    }
}
 
반응형

'2019 > JavaScript' 카테고리의 다른 글

JS create Element  (0) 2019.12.09
JS add Event Listener (set Attribute)  (0) 2019.12.09
JS Array  (0) 2019.12.06
JS Date  (0) 2019.12.06
JS 숫자  (0) 2019.12.06