《HTML》点击按钮之后改变按钮文字,怎么写

例如说,一个按钮的文字是“显示”,单击按钮同时把按钮的文字变成“隐藏”,再次单击又变回“显示”,求大佬,JavaScript和CSS都行

这个很好弄吧。<button  id="btn">显示</button>

//js部分

let ele=document.getElementById('btn')

 

if(ele.innerText==="显示"){

ele.innerText="隐藏"

}else{

ele.innerText="显示"

}

 

<script>
        function doChange(){
            e = document.getElementById(1);
            if (e.value == '显示') {
            	e.value = '隐藏'
            } else {
            	e.value = '显示'
            }
        }
</script>
<body>
    <form id="myFrm" action="">

        <input type="button" id="1" name="search" value="显示" checked="checked" onclick="doChange()">
    </form>
</body>

 

<input type="button" value="显示" onclick='this.value=this.value=="显示"?"隐藏":"显示"' />


 

提供思路 1  用计数的思想 2 对按钮的文字内容进行判断   两个思路都可以