按下按钮时文字消失

时间:2016-10-31 15:43:11

标签: html

他希望你按下按钮"下载"消失的文字。



        <button class="btn btn-default" type="button" id="getInfo" onclick="getVideosInfo();">Download!</button>
    <div id="infobox">
      My TEXT
      </div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

这是您可以做的,此代码仅使用jQuery代码的3行。以下是我的解决方案:

$('#getInfo').click(function(){
	$('#infobox').hide();
});

function getVideosInfo(){
  //...
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn btn-default" type="button" id="getInfo" onclick="getVideosInfo();">Download!</button>
<div id="infobox">
  My TEXT
</div>

Here是支持这一点的外部小提琴。

答案 1 :(得分:-1)

你当然需要java脚本......但它的工作原理如下

function getVideosInfo(){
  infobox = document.getElementById("infobox");
  infobox.style.display = "none";
}
        <button class="btn btn-default" type="button" id="getInfo" onclick="getVideosInfo();">Download!</button>
<div id="infobox">
  My TEXT
</div>