Open yuzunsang opened 1 month ago
Q. DOM 조작을 주의해서 다뤄야 하는 이유는 무엇일까요?
Q. 아래 코드 실행 시 두 번째 li만 blue로 변경되지 않습니다. li 모두 class 이름이 blue가 될 수 있게 아래 코드를 수정하세요.
...
<body>
<ul id="fruits">
<li class="red">apple</li>
<li class="red">banana</li>
<li class="red">orange</li>
</ul>
<script>
const $elems= document.getElementsByClassName('red');
for(let i = 0; i < $elems.length; i ++) {
elems[i].className = 'blue';
}
</script>
</body>
...
Q. 아래 코드의 실행 결과는 무엇인가요?
<!DOCTYPE html>
<html>
<body>
<input id="apple" type="text" value="red">
<script>
const $input = document.getElementById('apple');
// 1
$input.value = 'blue';
console.log($input.getAttribute('value')); // ??
// 2
$input.setAttribute('value', 'yellow');
console.log($input.getAttribute('value')); // ??
</script>
</body>
</html>
[퀴즈 예시] Q. 여기에 퀴즈 설명을 적으세요.
적을 코드가 있다면 밑에 적어주세요. (백틱 3개로 코드를 감싸면 코드 양식을 적을 수 있습니다.)
아래 코드를 복붙해서 정답을 적어주세요.