Javascript 我想在使用css在html中单击时更改按钮的内部数据

这里单击按钮时，javascript正在执行func（），但我希望在单击按钮时更改内部内容

例如，当我单击按钮时，内容“暂停”应显示“开始”，再次单击“开始”时，内容应显示“暂停”

我希望我清楚了，请有人帮帮我。：）

暂停

或

将函数的目标添加为HTML中的

this

<button class="button1" onclick="func(this)">Pause</button>

function func(target)
{
    target.innerHTML = 'Your text here';
}

暂停
函数func（目标）
{
target.innerHTML='此处的文本'；
}

您可以尝试使用jquery:）如下所示。 如果需要切换类，只需将其添加到click（）函数中（如果第一个状态为pause）：

$.fn.toggleHTML=函数（a，b）{
返回this.html（函数（\ux，html）{
return$.trim（html）==a？b:a；
});
}
$（“按钮”）。单击（函数（）{
$（this.toggleHTML（'Stop'，'Start'）；；
});

暂停
func（）

？function func（）{flag=1；return；}的代码在哪里？我不确定您是否要在此处使用CSS。您可以使用JavaScript操纵DOM来执行您想要的操作。可能只是复制了target button1的类，然后更改了内部文本..非常感谢第二个操作非常有效：）再次感谢：）

function func()
{
    document.getElementsByClassName('button1')[0].innerHTML = 'Your text here';
}

<button class="button1" onclick="func(this)">Pause</button>

function func(target)
{
    target.innerHTML = 'Your text here';
}

$(this).toggleClass("start");