Question

在点击按钮时，func（）正在由javascript执行，但是当我点击按钮时，我想要更改内部内容......

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

我希望我很清楚请有人帮助我。：）

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

Answer 1

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

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

＆＃13;

$.fn.toggleHTML = function(a, b) {
    return this.html(function(_, html) {
        return $.trim(html) === a ? b : a;
    });
}


$("button").click(function() {
    $(this).toggleHTML('Stop', 'Start');;
});

＆＃13;

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

＆＃13;

Answer 2

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

OR

在HTML

中添加函数的目标为this

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

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

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

2 个答案: