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

Question

在单击按钮时， func() 正在由 javascript 执行，但我希望在单击按钮时更改内部内容...

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

我希望我很清楚，请有人帮助我。:)

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

Answer 1

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

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

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

$.fn.toggleHTML = function(a, b) {
    return this.html(function(_, html) {
        return $.trim(html) === a ? b : a;
    });
}


$("button").click(function() {
    $(this).toggleHTML('Stop', 'Start');;
});