사용하신 document.write()는 처음 강의에 나오는 걸로 알고 있는데 ()에 적은 텍스트를 출력하는 코드로 알고 있습니다.
또한 alist[i].style.color = 'powderblue'는 i번째 하이퍼링크의 스타일의 색을 파우더 블루로 바꾸라는 코드이기에 텍스트의 글색상이 바뀌는게 맞습니다.
복습하다가 의문이 생겼습니다.
var alist = document.querySelectorAll('a');
var i = 0;
while(i < alist.length){
alist[i].style.color = 'powderblue';
i = i + 1;
}
이렇게 할 수 있지만 반복문과 배열을 사용하지 않고 더 간단히 할 수 있는 방법이 있지 않을까요?
예를 든다면 day를 눌렀을 때 모든 a가 선택되고 전부 색을 바꾸는 방법으로 말이죠.
var alist = document.querySelectorAll('a');
alist.style.color = 'powderblue';
대충 이런 코드가 될 것 같은데 실력이 부족해서 실행되지 않네요.
<body> 안에 <a>가 여러개 = 리스트 형태로 존재하기 때문에요. while문(반복문)을 사용하지 않으면 모든 <a>를 하나씩 color 속성을 변경하는 코드를 중복해서 작성해주어야 하겠죠.
예를 들면 이렇게요.
var alist = document.querySelectorAll('a');
alist[0].style.color = 'powderblue';
alist[1].style.color = 'powderblue';
alist[2].style.color = 'powderblue';
...
이건 제 생각인데 a태그가 body태그 안에 있는거와는 별개로 이 영상은night_day 버튼을 눌렀을때 a 태그들의 색상을 바뀌도록 반복문을 이용한것같아요. 일일히 코딩하기 비효율적이니 while을 이용해서, 버튼을 클릭했을때 색상이 변경되는 css가 실행되도록 만든 것 같아요! 제가 질문 이해를 잘 못했다면 답글해주세요...!