window 객체

정은경·2020년 7월 29일
0

👸 Front-End Queen

목록 보기
30/271
<!doctype html>
<body>
<div id="elem">
  <div id="elem-content">Element</div>
</div>

<script>
  // 변수 elem은 id가 'elem'인 요소를 참조합니다.
  // elem.style.background = 'red';
  window['elem-content'].style.background ='red';

  // id가 elem-content인 요소는 중간에 하이픈(-)이 있기 때문에 변수 이름으로 쓸 수 없습니다.
  // 이럴 땐 대괄호(`[...]`)를 사용해서 window['elem-content']로 접근하면 됩니다.
</script>
</body>

Reference

profile
#의식의흐름 #순간순간 #생각의스냅샷

0개의 댓글