[JS] 단일,다중 Element 선택하기

🚀단일 엘리먼트 선택하기.

getElementById()

<div id="page-info">
  <h3></h3>
</div>

위 예제에서 document.getElementById("page-info") 입력시

 result: 
​…​
​

이렇게 ElementId에 해당하는 HTML코드가 출력된다.

NAVER에서

x = document.getElementById("NM_FAVORITE")

x.innerHTML 입력시 해당 HTML코드가 전체 출력되고

x.innerText 입력시 태그를 제외하고 텍스트만 출력됨.

---

다중 엘리먼트 선택하기.

document.getElementsBy(TagName or ClassName, Name) 입력시 해당하는 타입을 <b>배열</b>로 반환.

ex) var x = document.querySelectorAll("._related_keyword_ul")

//여기서 _related_keyword_ul라는 클래스를 .을 사용하여 전체검색 #을 사용하면 id로 검색

//위 클래스는 네이버 연관검색어 클래스명.

x[0].innerText

result:"엠씨더맥스 처음처럼

티아라 처음처럼 가사

mc the max 처음처럼

처음처럼

반만 가사"