[생활코딩] Java script 21~25

 

21. 반복문

 *<ul>태그 순서가 없는 목록태그 <li>리스트 아이템, 항목 나열 시 필요

 

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

22. 배열과 반목문의 활용

 query selector -> css 선택자로 요소를 선택하게 해줌

javascript get element by css selector multiple

(자바스크립트에서 다수의 css 선택자를 요소에서 얻는 법)

=> documnet. queryselectorAll('a')

      [a,a,a,a] 배열로 나옴

alist 속성에 있는 태그들 하나하나 style 속성 지정 =>모든 태그 출력

 

var alist = document.querySectorAll('a');

var i =0;

while (i < alist. legth){

alist[i].style.color = 'powder blue';

i = i+1;

}

 

24. 함수예고 

   코드가 많아지면서 정리정돈 필요

  => 함수, 객체

코드간결, 유지보수 용이

 

25. 함수 

function two(){

->function two 함수를 만들고 two 이름을 만듦, ()함수실행을 의미, { 함수내용

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

      document.write('<li>2-2</li>);

 }