JavaScript 배열&반복문_TIL#4

배열

["A", "test"] 대괄호 안에 입력하기
ex.
var n = ["A", "test"]

배열 안에 있는 리스트 꺼내오기

document.write(n[0]);

기존 배열에 내용 추가하기 > push

document.push('xxxxx');

반복문

나열한 리스트 중 일부만 여러번 반복하고 싶을 때
ex. 2와 3을 3번 반복하고 싶음

document.write('<li>1</li>');
document.write('<li>2</li>');
document.write('<li>3</li>');
document.write('<li>4</li>');

document.write('<li>1</li>');
var i = 0;
while( i < 3){
document.write('<li>2</li>');
document.write('<li>3</li>');
i += 1;
}
document.write('<li>4</li>');

while 사용하기!!

웹사이트에서 a태그 모두 가져오는 방법

document.querySelector('a')

😒실행하면???
첫번째 등장하는 a태그 하나만 가져옴!
document.querySelectorAll('a') 로 검색하기!!

==
document.querySelectorAll('a')

a의 리스트가 나옴

[a, a, a, a]

var alist = document.querySelectorAll('a');
console.log(alist[0]);

첫번째 a 태그가 검색 됨

==

a 태그에 스타일 속성 지정해보기 !!

1. 모든 태그 화면에 출력

var alist = document.querySelectorAll('a');
var i = 0
while( i < alist.length){
console.log(alist[i];
i += 1;
}

2. 스타일 태그 지정

var alist = document.querySelectorAll('a');
var i = 0
while( i < alist.length){
console.log(alist[i];
alist[i].style.color = 'powerblue';
i += 1;
}

콘솔 실행해보고 소스에 붙여넣으면 완성!