선택자

※주의 - id는 하나만 지정할 수 있으므로 Element에 's' 가 들어가지 않고

            나머지는 여러게를 지정할 수 있으므로 (복수) Elements 에 's'가 들어간다.

 

 

*id 선택 (getElementById('id명');

var firstTitle = document.getElementById('title');

console.log(firstTitle);

 

 

*class 선택 (getElementsByClassName('class명');

var myList = document.getElementsByClassName('list');

console.log(myList);

 

 

*tag 선택 (getElementsByTagName('tag명');

var paragraphs = document.getElementsByTagName('p');

console.log(paragraphs);

 

 

 

*CSS 선택자 (querySelector('.class .class');

 

*css 처럼 (.sss .ddd) 클래스 안의 클래스명도 가능

var myList2 = document.querySelector('.list .red');

console.log(myList2);