변수에 담을 수 있는 것?

[홍승진]

선생님 setTimeout 강의 수강하면서 
setInterval 특정시간마다 div를 사라졌다 나타나게 하는 코드를 짜보았는데요.

setInterval(function(){
  let show = document.querySelector('.alert-danger').style.display;
  if(show == 'block' || show == ''){
    show = 'none'
  } else {
    dis ='block'
  }
}, 1000)

처음에 변수에 담아서 해본다고 이렇게 했는데 원하는대로 안되더군요.

setInterval(function(){
let alert = document.querySelector('.alert-danger')
if(alert.style.display == '' || alert.style.display == 'block' ){
alert.style.display = 'none'
}
else {
alert.style.display = 'block'
}
}, 500)

이렇게 해봤더니 정상적으로 구현이 됐습니다.

제가 변수에 담는다는 개념을 제대로 이해 못한 것 같은데 왜 다른지 설명해주실 수 있을까요??

[codingapple]

show = 'none'

이러면 show라는 변수를 none이라는 문자로 아예 바꿔버려서 그 이후부터는 셀렉터로 찾은 요소를 잃어버려서 그렇습니다 

[홍승진]

아하! 이해했습니다 감사합니다!

[글쓴이]

글