【问题标题】:Javascript:Toggle Function is not workingJavascript:切换功能不起作用
【发布时间】:2014-04-18 08:11:21
【问题描述】:

我正在尝试做一个简单的切换,但它不起作用。我希望它在 javascript 中而不是在 jquery 中完成。 这是我的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>

这是我的 HTML。

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

我需要解决方案:(

【问题讨论】:

  • 你试过了吗getElementById('ptag')

标签: javascript html toggle slidetoggle togglebutton


【解决方案1】:

将您的if 条件更改为:

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

并将ptag 的所有其他引用替换为"ptag"

See working JSFiddle

【讨论】:

  • 对不起?老实说,您的问题并不值得投票。我不确定你在问这里之前是否尝试过自己找到解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-25
  • 1970-01-01
  • 2021-08-18
相关资源
最近更新 更多