document.getElementBy~
- getElementById("id명") => 해당 id를 가진 요소가 불려짐
console.dir( document.getElementById("id명") ) => 해당 id를 가진 요소의 속성(상세정보)들이 불려짐
*[콘솔 오류메세지] Uncaught TypeError : Cannot set property '@@@' of ~~ null
@@@의 값이 null이라 속성을 지정할수 없다.
=> id명 class명을 바르게 호출했는지 살펴보자.
- getElementsByClassName("class명") => 해당 클래스이름을 가진 요소들의 속성이 배열에 담겨져서 불려짐
- getElementsByTagName("태그명") => 해당 태그로 지정된 요소들이 배열에 담겨져서 불려짐
-document.querySelector(" ") => 해당 요소가 불려짐 (제일 첫번째 하나만)
-document.querySelectorAll(" ") => 해당 요소가 모두 배열에 담겨져서 불려짐 (모든 요소)
querySelector은 요소를 CSS처럼 호출한다.
ex) (".클래스명 태그명")
("#id명 태그명") ...등등
'자바스크립트' 카테고리의 다른 글
| Math.random 랜덤숫자 활용하기 (0) | 2022.09.09 |
|---|---|
| event 설정 (0) | 2022.09.08 |
| 분기문 break; continue; (0) | 2022.09.01 |
| 기타 개념 (0) | 2022.08.23 |
| e 02-3 주사위 게임 만들기, 소수 출력하기 (0) | 2022.08.23 |