Javascript 更改按钮文本的值

首先，您应该在*事件属性上使用不引人注目的事件处理程序，而不是过时的

从那里，您可以使用
this
关键字引用单击的按钮，并根据其当前值切换其文本。试试这个：


document.querySelectorAll（'.booking toggle'）.forEach（函数（）{
此.addEventListener（'click'，函数（e）{
var id=e.target.getAttribute（'data-bookingid'）；
var booking=document.getElementById（id）；
booking.style.display=booking.style.display=='block'？'none'：'block'；
e、 target.innerText=e.target.innerText==‘查看项目’？‘隐藏项目’：‘查看项目’；
});
});

查看项目
${bookings.products}
清除演示和代码：

html

将链接替换为按钮：

$( "#button" ).click(function() {
$( "#item" ).toggle();
});

另一个例子

您可以为按钮指定一个id并执行以下操作：
document.getElementById（'yourbutonid'）.innerHTML=“Show items”
在if语句中，在else语句中反转。
function loadMenu(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
{
   e.style.display = 'none';
   }
    else{
       e.style.display = 'block';
    }
} 

<button  id="button" href="#">Show/Hide</button>
<div id="item">Item</div>

$( "#button" ).click(function() {
$( "#item" ).toggle();
});

http://jsfiddle.net/BQUyT/