프로그래밍/JS 프로그래밍

[JS]document.getElementsByTagName()

Dream COM Ddulut 2023. 7. 13. 23:34

document.getElementsByTagName()을 통해 HTML파일에서 특정 Tag명을 가진 요소를 불러올 수 있다.

 

ex) const title = document.getElementsByTagName('h2');

위와 같이 작성하면 HTML파일 내 모든 h2태그들을 배열형식으로 불러오는 듯하다.

 

따라서 몇 번째 h2태그를 불러왔는지 지정해줘야한다. 나는 첫번째 h2태그를 지정해줌(아래 예시).

ex)  const title = document.getElementsByTagName('h2')[0];

 

'.addEventListener'에서 사용할 때 이렇게도 쓸 수 있다.

ex) tilte[0].addEventListener("eventname", function);

 

 

 

-이제 처음 배우기 시작해서 아직 용어 사용이나 설명이나 엉망진창이고, 표현의 한계를 느끼고 있지만 언젠가는 잘 하게 되겠지..