Heojju

[javascript] document selector 본문

웹개발/JavaScript

[javascript] document selector

우주별 2017. 1. 25. 10:08


 selector

 설명

 document.getElementById

 [id]

 var elem = document.getElementById("abc");

elem.style.color="red";

 document.getElementsByName

 [name]

 var xyz= document.getElementsByName("abc");

xyz[0].style.color="red";

 document.getElementsByClassName

 [class]

 var list = document.getElementsByClassName("abc");

list[0].style.color = "red";
 document.getElementsBytagName

 [tag]

 var list = document.getElementsBytagName("p");

list[0].style.color = "red";
 document.querySelectorAll

 [*]

 var xx = document.querySelectorAll("span.a, span.c");

for (var i = 0; i < xx.length; i++) {
    xx[i].style.color="red";
}






'웹개발 > JavaScript' 카테고리의 다른 글

[JavaScript] Date 포맷  (0) 2017.05.12
[JavaScript] localStorage / sessionStorage  (0) 2017.05.09
[JavaScript] setTimeout  (0) 2017.03.09
[JavaScript] 현재 url 가져오기  (0) 2017.01.31
[JavaScript] 자바스크립트에서 클래스 이름(class name) 추가/삭제  (0) 2016.12.14
'웹개발/JavaScript' Related Articles more