33.객체의 활용

변경 전

 function LinksSetColor(color){
    var alist = document.querySelectorAll('a');
    var i = 0;
    while(i < alist.length){
      alist[i].style.color = color;
      i = i + 1;

변경 후

  var Links = {
      setColor: function(color) {
        var alist = document.querySelectorAll('a');
        var i = 0;
        while (i < alist.length) { 
          alist[i].style.color = color;
          i = i + 1;
        }
      }
    }

변경 전

function BodySetColor(color){
    document.querySelector('body').style.color = color;
  }
  function BodySetBackgroundColor(color){
    document.querySelector('body').style.backgroundColor = color;

변경 후

var Body = {
      setColor: function(color) {
        document.querySelector('body').style.color = color;
      },
      setBackgroundColor: function(color) {
        document.querySelector('body').style.backgroundColor = color;
      }
    }

좋은 웹페이지 즐겨찾기