JavaScript에서 속성 작업 시 예외

속성을 작업할 때 한 가지 예외가 있습니다 - 그것은 class 속성입니다. 이 단어는 JavaScript에서 특별한 의미를 가지기 때문에 class 속성의 값을 읽기 위해 단순히 elem.class라고 쓸 수 없습니다. 대신 elem.className라고 써야 합니다.

예제를 살펴보겠습니다. 다음과 같은 입력 필드가 주어졌다고 가정해 봅시다:

html<input id="elem" class="aaa bbb">

우리 입력 필드의 class 속성 값을 출력해 봅시다:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb'를 출력합니다

다른 예외도 있습니다, 예를 들어 for 속성. 이 속성은 htmlFor를 통해 접근해야 합니다.

Задание 1

다음 div가 주어졌습니다:

html<div id="elem" class="content no-gap"></div>

버튼도 주어졌습니다. 버튼을 클릭하면 우리 div의 class 속성 값을 읽어 화면에 출력하세요.

Задание 2

다음 div가 주어졌습니다:

html<div id="elem"></div>

버튼도 주어졌습니다. 버튼을 클릭하면 우리 div의 class 속성에 어떤 클래스든 작성하세요.

Задание 3

공백으로 구분된 여러 CSS 클래스를 가진 div가 주어졌습니다:

html<div id="elem" class="aaa bbb ccc"></div>

버튼도 주어졌습니다. 버튼을 클릭하면 우리 div의 CSS 클래스 배열을 얻으세요.