JavaScript MutationObserver가 감시할 수 있는 DOM 변화에 해당하지 않는 것은?

Q: JavaScript MutationObserver가 감시할 수 있는 DOM 변화에 해당하지 않는 것은?

요소의 CSS 계산 스타일(computed style) 변경 MutationObserver는 childList(자식 추가/삭제), attributes(속성 변경), characterData(텍스트 변경)를 감시할 수 있습니다. 하지만 CSS 계산 스타일의 변경은 DOM 변경이 아니므로 MutationObserver로 감지할 수 없습니다. 이 경우 ResizeObserver나 getComputedStyle을 활용합니다.

보통 MDN Web Docs

보기 및 정답

A 요소의 CSS 계산 스타일(computed style) 변경

B 자식 노드의 추가 또는 제거에 대한 변경 감지가 가능하다

C 요소 속성(attribute)의 값 변경을 감지할 수 있는 것이 특징이다

D 텍스트 노드의 콘텐츠 변경을 감지하여 콜백을 실행한다

해설

MutationObserver는 childList(자식 추가/삭제), attributes(속성 변경), characterData(텍스트 변경)를 감시할 수 있습니다. 하지만 CSS 계산 스타일의 변경은 DOM 변경이 아니므로 MutationObserver로 감지할 수 없습니다. 이 경우 ResizeObserver나 getComputedStyle을 활용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

JavaScript MutationObserver가 감시할 수 있는 DOM 변화에 해당하지 않는 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.