使用Javascript if語句來顯示或隱藏div

Question

我是一個完整的初學者，當談到javascript，我試圖創建一個簡單的if/else語句來顯示不同的div。

<script> 
    if (window.FileReader && Modernizr.draganddrop){ 
     alert("Your browser supports drag and drop!!"); 
     document.getElementById(no).style.display = 'none'; 
    }else{ 
     alert("Sorry, browser does not support drag and drop!"); 
     document.getElementById(yes).style.display = 'none'; 
    } 
</script> 

，然後在體內

<div id="yes">Drag and drop yes</div> 

<div id="no">Drag and drop no</div> 

雖然Modernizr的工作只是正常的腳本顯示兩者的div

任何幫助將greatfully收到

Answer 1

該腳本在元素存在之前運行。使代碼運行在頁面完全加載後使用load事件：

<script> 
window.onload = function() { 
    if (window.FileReader && Modernizr.draganddrop){ 
     alert("Your browser supports drag and drop!!"); 
     document.getElementById('no').style.display = 'none'; 
    }else{ 
     alert("Sorry, browser does not support drag and drop!"); 
     document.getElementById('yes').style.display = 'none'; 
    } 
}; 
</script> 

而且，埃文發現，你正在使用no和yes而不是字符串'no'和'yes'。

Answer 2

的問題是的getElementById期望一個字符串，據我所知，你還沒有宣佈是/否。

if (window.FileReader && Modernizr.draganddrop) { 
    alert("Your browser supports drag and drop!!"); 
    document.getElementById('no').style.display = 'none'; 
} else { 
    alert("Sorry, browser does not support drag and drop!"); 
    document.getElementById('yes').style.display = 'none'; 
}