728x90
https://opentutorials.org/module/3180/18884
객체 - 정리정돈의 수단 ( 쉽게 표현하자면 폴더 )
function LinksSetColor(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;
}
function nightDayHandler(self){
var target = document.querySelector('body');
if(self.value === 'night'){
Body.setBackgroundColor('black');
Body.setColor('white');
self.value = 'day';
Links.setColor('powderblue');
} else {
Body.setBackgroundColor('white');
Body.setColor('black');
self.value = 'night';
Links.setColor('blue');
}
}
Links.setColor
Body.setColor 과 같이
document. 또한 객체라는 것을 알 수 있다.
이로인해 document. 뒤에오는 querySelector 는 document라는 객체에 속해있는 함수라는 것을 발견할 수 있다.
객체에 속해있는 함수는 함수라고 하지않고, 메소드라고 일컫는다.
728x90
'STUDY > JavaScript' 카테고리의 다른 글
[JavaScript-생활코딩] 26. 객체 활용 (0) | 2022.06.01 |
---|---|
[JavaScript-생활코딩] 25. 객체 (0) | 2022.06.01 |
[JavaScript-생활코딩] 23. 함수의 활용 (0) | 2022.06.01 |
[JavaScript-생활코딩] 22. 함수 (0) | 2022.06.01 |
[JavaScript-생활코딩] 21. 함수예고 (0) | 2022.06.01 |