[javascript] 태그 선택하기

id로 태그 선택하기

document.getElementById('접근하고자 하는 태그의 아이디값');

 

class로 태그 선택하기

document.getElementsByClassName('classname');

 

유사배열의 형태로 배열의 기능을 제한적으로 사용가능

const myTags = documentgetElementsByClassName('color-btn')'

 

for( let tag of myTags){

    console.log(tag);

}

 

1. 숫자형태의 indexing 이 가능하다.

myTags[1];

 

2. length 프로퍼티가 있다.

myTags.length;

 

3. 배열의 기본 메소드를 사용할 수 없다.

push, slice 등 메서드를 사용할 수 없음

 

4. array.isArray 는 false다.

 

css 선택자로 태그 선택하기

 

document.querySelector('#myNumber');          //id값

document.quertSelector('.color-btn');               //class값 : 가장 첫번째의 태그만 호출

document.quertSelectorAll('.color-btn');           //class 값을 가진 모든 태그를 Nodelist 형태로 호출