简体   繁体   English

Javascript:切换功能不起作用

[英]Javascript:Toggle Function is not working

I am trying to make a simple toggle but it is not working.And i want it done in javascript not in jquery. 我试图做一个简单的切换,但它不起作用。我想用JavaScript而不是jquery完成它。 Here is my javascript. 这是我的JavaScript。

<script>
function showhide() {

    if (document.getElementById(ptag).style.display = "block") {
        document.getElementById(ptag).style.display = "none";
    } else {
        document.getElementById(ptag).style.display = "block";
    }
}
</script>

Here is my HTML. 这是我的HTML。

<input type="button" value="Show hide" onclick="showhide()">
<p id="ptag">Some text here.</p>

I need solution :( 我需要解决方案:(

Change your if condition to: 将您的if条件更改为:

if(document.getElementById("ptag").style.display == "block"){
                           ^^^^ string                ^^^ double equals

And replace all other references of ptag to "ptag" 并将ptag所有其他引用替换为"ptag"

See working JSFiddle 参见工作的JSFiddle

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM