【问题标题】:Text visibility change with button [closed]使用按钮更改文本可见性[关闭]
【发布时间】:2020-08-25 04:48:50
【问题描述】:

我将做我的新学校项目,我想知道,如何使用按钮更改文本可见性?就像当我单击按钮时,文本将可见,而当我再次单击它时,它将是不可见的,或者当我单击另一个按钮时它将是不可见的。使用 JavaScript 或 CSS。

【问题讨论】:

  • 如果遇到困难,您应该尝试做一些事情并寻求解决方案。
  • 问题是,我什至不知道如何开始。我找不到如何使用按钮更改文本可见性。我只能找到图片。

标签: javascript html css text visibility


【解决方案1】:
<html>

<body>
    <p id="hiddenText">this text is visible now</p>
    <button onclick="show()">Show</button>
    <button onclick="hide()">hide</button>
</body>
<script>
    function show(){
        document.getElementById("hiddenText").style.visibility = "visible";
    }

    function hide(){
        document.getElementById("hiddenText").style.visibility = "hidden";
    }
</script>

【讨论】:

    【解决方案2】:

    Stack Overflow 不像“gib mi solushons”类型的网站。 尝试编写一些代码并在这里分享。这是一个可供学习的资源:@​​987654321@
    看JSonclick事件。
    CSS display
    和 HTML 标签语法结构。
    它可能会对您有所帮助。
    然后在您有一些代码要显示时尝试再次发布,我们很乐意为您提供帮助。

    【讨论】:

    • 谢谢你,很抱歉,我是这个网站的新手。
    猜你喜欢
    • 1970-01-01
    • 2014-05-31
    • 2011-12-20
    • 1970-01-01
    • 2012-12-14
    • 2021-08-12
    • 1970-01-01
    • 1970-01-01
    • 2019-08-05
    相关资源
    最近更新 更多