使用按钮更改文本可见性

问题描述 投票:-2回答:2

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

javascript html css text visibility
2个回答
0
投票

Stack Overflow不同于“ gib mi solushons”类型的网站。尝试编写一些代码并在此处共享。这是学习资源:https://www.w3schools.com/查看JS onclick事件。CSSdisplay和HTML标签的语法结构。它可能会帮助您。然后,当您需要显示一些代码时,请尝试再次发布,我们将很乐意为您提供帮助。


0
投票
<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>

© www.soinside.com 2019 - 2024. All rights reserved.