[자바스크립트(javascript)]가장 기본적인 아이디 가져오는 방법 document.getElementById()

---

---

# 설명

document.getElementById('id')

설명

간단한 함수이다. 자바스크립트를 사용할 때, 특정 HTML태그를 지정해줘야 동적으로 웹페이지 제작이 가능해진다. 

제이쿼리(JQuery)로 치면 $('id')와 같습니다.

사용자가 만약 자바스크립트를 사용하게 된다면

이 코드는 필수로 들어가야 하는 코드인 기초적인 기초의 코드입니다.

그럼 예제를 한번 확인해 보도록 합시다.

---

실행결과

<해당 소스는 이해를 돕기위해 만들어진 코드입니다.>

---

See the Pen Document.getElementById by HyeonJun, Bang (@UmNyaUm) on CodePen.

---

<코드가 정렬되어 보이지 않을경우 스크롤 이용 또는 Result를 클릭하여 안보이게 한후 보세요>

위 소스 코드는 버튼을 눌렀을때 id값이 test인 h1태그의 color의 색을 바꾸는 코드로

간단하게 구현되어져 있습니다.

때문에 그리 이해하는데는 어렵지 않을꺼라 예상됩니다.

이렇듯 JQuery가 아닌 자바스크립트를 사용할 때 기본적으로 사용되어져야 하는

document.getElementById() 를 알아보았습니다.

document 는 HTML 문서를 말하므로 즉 직역하면

HTML문서에 있는 ID의 태그를 가져온다고 이해하시면 될듯합니다.

# 마무리

만약 궁금한 사항이 있으면 댓글로 남겨주세요

바로 답변 드리도록하겠습니다. 감사합니다.

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

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

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

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

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

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

읽어주셔서 감사합니다.