如何使用javascript隐藏文本

How to hide a text using javascript?

本文关键字：文本 隐藏 javascript 何使用      更新时间：2023-09-26

html代码

<button id="signin" name="signin" class="btn btn-lg btn-primary btn-block" type="submit">
                    Sign in</button>
                   <label id="myDiv">Hello</label>

javascript代码

$(document).ready(function(){       
    document.getElementById('signin').onclick = function () {
        document.getElementById('myDiv').style.display="none";
    }
});


$(document).ready(function() {
  $("#signin").click(function() {
    $("#myDiv").hide();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>
  <button id="signin" name="signin" class="btn btn-lg btn-primary btn-block" type="submit">
    Sign in</button>
  <label id="myDiv">Hello</label>
</body>

如果你已经在使用jQuery了，为什么不试试呢

$("#myDiv").hide();

更新：

根据您的评论，您可以编写以下事件处理程序

$("#signin").click(function() {
    $("#myDiv").hide();
});

更多编辑：添加了一个代码片段。

如果您正在使用jQuery，请尝试：

$("#signin").click(function() {
    $("#myDiv").css("visibility", "hidden");
});

如果您使用的是纯js，请尝试：

document.getElementById("signin").onclick = function() {
    document.getElementById("myDiv").style.visibility = "hidden";
}

使用以下JavaScript：

signin.addEventListener('click', function() {
    document.getElementById("myDiv").style.display = "none";
}, false);

这是工作演示

没有jQuery:

document.getElementById("signin").onclick = function(){
  document.getElementById("myDiv").setAttribute('style','display:none');
};

有关Element.setAttribute（）的更多信息

相关文章：