[JS]객체의 활용

Body.setBackgroundColor('black')
└  이런 식으로 코딩하고싶으면 어떻게 해야할까?

 

 

1. var Body라는 객체에 변수를 담는다.

-  프로퍼티로 setColor를 지정하고 function(함수)을 써서 코드를 담는다.

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

함수의 내용은 아래에서 가져왔다.

 

 

 

 

 

그리고 이 부분은 필요없으므로 지워주자.

 

 

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

-  참고 )  setBackgroundColor :  앞에 소문자

-  아래 부분은 삭제한다.

 

 

 

이렇게 하면 오류가 생길 것이다. (night/day 버튼 눌러도 설정해놓은 것들이 반응X)

오류를 찾기 위해 console(콘솔)창으로 이동하면 몇 번째 줄에서 오류가 났는지 찾을 수 있다.

-  20번째줄에서 오류가 났다.

 

 

저기에 콤마를 찍어야한다. 객체는 객체의 프로퍼티와 프로퍼티를 구분할 때 콤마를 찍기때문이다. 

 

 

 

이 부분도 객체화 시켜보자.

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;             }         }     }

그리고 저 선택된 부분 역시 지워주면 웹사이트는 정상으로 작동한다.

 

 

 

---

document는 알고보니 객체였고
querySelector('body') 함수이면서 객체에 소속되어있었기때문에 메소드였다.

---