getElementById() 함수 , 자바스크립트 id 접근
이 함수는 태그에 있는 id 속성을 사용하여 해당 태그에 접근하는 함수이다.
만약 해당하는 id 를 가진 태그가없을경우 null 에러가 발생한다.
사용예는 아래와 같다.
js
html
hi
예제에서는 버튼 클릭할때마다 태그의 내용을 가져와 비교후 hi 일때는 bye 로 bye 일때는 hi 로 변경하도록 하였다.
위와같이 해당하는 태그의 접근하여 동적으로 html 를 변경이 가능하다.
또한 getElementById() 함수를 사용하여 반환된 객체를 변수를 담아놓고 여러번 사용이 가능하다.
'개발 > JavaScript' 카테고리의 다른 글
[JavaScript] addEventListener() , 이벤트리스너 등록 (0) | 2017.06.12 |
---|---|
[JavaScript] querySelector() , querySelectorAll() 자바스크립트 요소접근 (0) | 2017.06.08 |
[JavaScript] getElementsByClassName() 함수 , 자바스크립트 클래스명 접근 (2) | 2017.06.08 |
[JavaScript] getElementsByTagName() 함수 , 자바스크립트 태그명 접근 (0) | 2017.06.08 |
[JavaScript] innerHTML, document.write(), alert(), console.log() 사용법 (0) | 2017.06.07 |