使用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'; 
}