안녕하세요!
Bootstrap 기능들을 복붙해오면 가끔 <div class= "alert alert-danger"> 와 같이 class가 두개 혹은 세개가 기본으로 되어있을 경우
타겟할때 getElementsByclass('alert')를 해야하는지 getElementsByclass(alert-danger)를 해야하는지 햇갈립니다.
css로 타겟할때도 .alert 해야 하는지 .alert-danger해야 하는지 햇갈립니다
마지막으로 제가 css에 .hide{ display:none;} 해서 없애기 기능을 만들어 추가해도 <div class= "alert alert-danger hide>
없어지지가 않는데 왜 그런지 잘 모르겠습니다!
질문 답변 감사합니다 선생님! 아래는 예제 코드입니다
<body >
<h1>Test</h4>
<div class="alert alert-danger">
<span id="num">5</span> 초 이내 구매시 사은품 증정
</div>
<script>
function timeLeft() {
var count=5;
setInterval(function(){
count-=1
if (count>=0) {
var display= document.getElementsByClassName('alert-danger')[0]
display.innerHTML=count+'초 이내 구매시 사은품 증정'
}
if(count==0){
display.classList.add('hide')
}
},1000)
}
timeLeft()
</script>
</body>
가 2 년, 9 월 전에 전에 마지막으로 업데이트했습니다.
가 2 년, 9 월 전에 전에 마지막으로 업데이트했습니다.