Javascript 关闭按钮不工作_Javascript_Html

Javascript 关闭按钮不工作

javascript html

Javascript 关闭按钮不工作,javascript,html,Javascript,Html,我已经把我的关闭按钮放在div里了，但它不起作用？我应该保持显示：无；但是，当我删除显示它的工作 function myFun() { var button = document.getElementById("myBtn"); button.onclick = function() { var div = document.getElementById('title'); if (div.style.display !== 'none') {

我已经把我的关闭按钮放在div里了，但它不起作用？我应该保持显示：无；但是，当我删除显示它的工作

 function myFun() {
    var button  = document.getElementById("myBtn");
    button.onclick = function() {
    var div = document.getElementById('title');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }



};
  </script>
</head>

<body>
  <div id="title" style=" display:none; font-family: Helvetica, Arial, sans-serif; margin-left:auto; margin-right:auto; position:absolute; top: 50px; right: 16px; padding: 30px; z-index:10; width:290px; height:500px; box-sizing: border-box;  background-color:#fcfcfc ; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); text-align:center; float:center;"><input type="button" id="myBtn" onclick="myFun()" value="close" style= "bottom: 2px; right: 60px; margin: 1px 200px;"></div>

函数myFun（）{
var按钮=document.getElementById（“myBtn”）；
button.onclick=函数（）{
var div=document.getElementById（'title'）；
如果（div.style.display！=“无”）{
div.style.display='none'；
}
否则{
div.style.display='block'；
}
};

您应该删除

可见性：隐藏

因此，您将得到您想要的，因为div将与您的按钮一起出现，而不显示可见性：隐藏
其工作正常，兄弟。您只需删除可见性：隐藏

函数myFun（）{
var x=document.getElementById（“myBtn”）.value；
document.getElementById（“title”）.innerHTML=x；
警报（x）；
}
#标题{
背景色：#fcfc；
盒影：0 1px2pRGBA（0,0,0,0.3）；
框大小：边框框；
字体系列：Helvetica、Arial、无衬线字体；
高度：500px；
左边距：自动；
右边距：自动；
填充：30px；
位置：绝对位置；
右：16px；
文本对齐：居中；
顶部：50px；
宽度：290px；
z指数：10；
}

关闭按钮应该做什么？@Rayon我想，按钮应该调用myFun（）
：我明白了。所以，可见性：隐藏
使按钮不可见。标题
div
是隐藏的可见性：隐藏；
可能按钮起作用，但你因此看不到效果。Thanx兄弟，实际上我需要可见性：隐藏；这是一个搜索完成后出现的搜索表。ThanxR，实际上我需要可见性：隐藏；它是一个搜索后出现的搜索表complete@adonia不客气。如果有帮助，请接受其中一个答案。