JavaScript에서 속성 작업 시 예외
속성을 작업할 때 한 가지 예외가 있습니다
- 그것은 class 속성입니다.
이 단어는 JavaScript에서 특별한 의미를 가지기 때문에
class 속성의 값을 읽기 위해 단순히 elem.class라고 쓸 수 없습니다.
대신 elem.className라고 써야 합니다.
예제를 살펴보겠습니다. 다음과 같은 입력 필드가 주어졌다고 가정해 봅시다:
<input id="elem" class="aaa bbb">
우리 입력 필드의 class 속성 값을
출력해 봅시다:
let elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb'를 출력합니다
다른 예외도 있습니다, 예를 들어
for 속성. 이 속성은
htmlFor를 통해 접근해야 합니다.
다음 div가 주어졌습니다:
<div id="elem" class="content no-gap"></div>
버튼도 주어졌습니다. 버튼을 클릭하면
우리 div의 class 속성 값을 읽어
화면에 출력하세요.
다음 div가 주어졌습니다:
<div id="elem"></div>
버튼도 주어졌습니다. 버튼을 클릭하면
우리 div의 class 속성에 어떤 클래스든
작성하세요.
공백으로 구분된 여러 CSS 클래스를 가진 div가 주어졌습니다:
<div id="elem" class="aaa bbb ccc"></div>
버튼도 주어졌습니다. 버튼을 클릭하면 우리 div의 CSS 클래스 배열을 얻으세요.
