使用按钮更改文本可见性

Question

我要完成我的新学校项目，我想知道如何使用按钮更改文本可见性？就像当我单击按钮时，文本将可见，当我再次单击它时，它将不可见，或者当我单击另一个按钮时，它将不可见。使用 JavaScript 或 CSS.

Answer 1

Stack Overflow 不像 "gib mi solushons" 类型的网站。尝试编写一些代码并在此处共享。这是一个可供学习的资源：https://www.w3schools.com/
看JSonclick事件
CSSdisplay
和 HTML 标记语法结构。
可能对你有帮助。
然后，当您有一些代码要显示时，再次尝试 post，我们很乐意为您提供帮助。

Answer 2

<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>

使用按钮更改文本可见性

Text visibility change with button

html

javascript

css

text

visibility