[Javascript] 클래스 속성이나 아이디, 태그로 셀렉터 가져오기

---

---

# 코드

---

- 클래스 명 또는 아이디에 해당하는 값을 가지고 오고 싶을 경우

document.querySelector('#app' or '.app') 

---

- 클래스 명에 해당하는 노드를 찾고 싶을 경우

document.getElementsByClassName('container')

document.querySelectorAll('.container')

>  함수명에 “Elements”와 all 이라는 복수형에서 알 수 있듯이 여러 개 돔을 유사 배열 형태로 반환한다.

---

- 태그명으로 노드를 가지고 오고 싶은 경우

document.getElementsByTagName('div')

document.querySelector('div')

document.querySelectorAll('div')

---

- 해당되는 태그에 속성값을 가지고 오거나 변경을 하고 싶은 경우

document.querySelector('div').dataset.productId = "test"

> <div data-product-id="G123">Guitar</div> 

식으로 되어 있는 값을 가져온다. 

당연히 속성 변경도 가능

---

# 마무리

위 포스트는 제가 직접 제작한 것 입니다.

그렇기 때문에 틀린점이나 설명이 엉성한 점이 존재할 수 있습니다.

만약 틀린점이나 설명이 엉성한 부분이 존재하면 댓글로 알려주세요.

빠른 처리 하도록 하겠습니다.

티스토리 앱으로는 댓글 이용이 불가능 하므로 웹 브라우저로 봐 주세요

(URL : http://junprogramer.tistory.com/)

읽어주셔서 감사합니다.