<body>
<h1 id="h1_id" class="h1_class">Hello World!!</h1>
<h1 id="h1_id">lorem</h1>
</body>
<script>
const x = document.getElementById("h1_id");
const x1 = document.getElementById("");
const y = document.getElementsByClassName("h1_class");
const z = document.getElementsByTagName("h1");
console.log("getElementById", x);
console.log("getElementById", x1);
console.log("getElementsByClassName", y);
console.log("getElementsByTagName", z);
</script>
getElementById() 메소드
1. 해당 id 속성을 가진 요소를 리턴하고 지정된 id를 가진 요소가 없으면 null을 반환한다.
2. 지정된 id가 여러 개일 경우첫 번쨰 요소를 리턴한다.
getElementByClassName() 메소드
1. 해당 class 이름을 가진 요소를 HTMLCollection 오브젝트로 리턴한다.
getElementByTagName() 메소드
1. 해당 태그 이름을 가진 요소를 HTMLCollection 오브젝트로 리턴한다.
'JS > Javascript' 카테고리의 다른 글
| Element.classList.add 자바스크립트로 클래스 추가하기(JavaScript) (0) | 2020.08.06 |
|---|---|
| addEventListener 간단한 예제(JavaScript) (0) | 2020.08.05 |
| Array 정렬 2가지 sort, reverse (JAVASCRIPT) (0) | 2020.07.27 |
| window 함수 (0) | 2020.07.13 |
| function 익명 함수 / 선언적 함수(2) 우선 순위 (0) | 2020.07.13 |
