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

Question

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

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

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

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

Answer 1

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

$(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');;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="button1">Pause</button>