Javascript:切换功能不起作用

标签 javascript html toggle slidetoggle togglebutton

我正在尝试做一个简单的切换,但它不起作用。我希望它在 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>

我需要解决方案:(

最佳答案

if 条件更改为:

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

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

See working JSFiddle

关于Javascript:切换功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22381230/

相关文章:

javascript - 带组的两列 html 表

html - 缩放 iframe 以适本地适应

html - 如何修复div在html中没有正确收缩

javascript - jQuery:动画如果其他滚动功能

javascript - react DVA JS 框架 : Reset entire state application

javascript - 切换功能使所有其他 div 消失

jQuery - 切换 CSS 背景图像展开/关闭

twitter-bootstrap-3 - 如何在 Angular2 中实现可折叠侧边栏?

javascript - 网格缩略图在单击时扩展到全屏并过渡到新页面

javascript - TypeError : req. checkBody不是一个包含bodyparser和expressvalidator模块的函数