最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - JS | How to change style=visibility:hidden to visible? - Stack Overflow

programmeradmin2浏览0评论

HTML:

<p><b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">msg</b></p>

JS:

$('#url').on('change keyup paste',function(){
$('#msg')style.visibility('visible');});

How can i do it please?

HTML:

<p><b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">msg</b></p>

JS:

$('#url').on('change keyup paste',function(){
$('#msg')style.visibility('visible');});

How can i do it please?

Share Improve this question edited Mar 22, 2018 at 9:50 Kunj 2,0182 gold badges23 silver badges34 bronze badges asked Mar 22, 2018 at 9:07 elison elison 231 silver badge5 bronze badges 4
  • You forgot the dot before style – P.S. Commented Mar 22, 2018 at 9:09
  • $('#msg').css("visibility", 'visible'); – Jai Commented Mar 22, 2018 at 9:09
  • Possible duplicate of How to change visibility of item using jQuery? – dloeda Commented Mar 22, 2018 at 9:10
  • $("#msg").toggle(); will help you – Alexis Commented Mar 22, 2018 at 9:13
Add a ment  | 

3 Answers 3

Reset to default 6

You are mixing both Javascript and Jquery.

With Jquery, just change the css property using the function css()

$("#msg").css('visibility', 'visible');

or with pure Javascript

document.getElementById("msg").style.visibility = "visible";

with jQuery, you can use the .css method like so :

$(document).ready(function () {
  $('#msg').css('visibility', 'visible');
});
<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>
  <b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">message</b>
</p>

$(document).ready(function(){
$('#msg').css('visibility','visible')
//or: initial	=> Sets this property to its default value
$('#msg').css('visibility','initial')
//or: inherit =>	Inherits this property from its parent element.
$('#msg').css('visibility','inherit')
})
<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><b id="msg" name="msg" style="visibility:hidden; color:#3399ff;">msg</b></p>

发布评论

评论列表(0)

  1. 暂无评论