比较.innerHTML和字符串

Question

我有一个播放/暂停按钮，我想在用户点击它时检查它是播放还是暂停。

window.PlayPauseButton = document.getElementById("PlayPauseButton");

PlayPauseButton.onclick = function()  //when you click the play or pause button
{
    if( window.PlayPauseButton.innerHTML == "Pause" )
    {
        window.PlayPauseButton.innerHTML = "Play";
        clearInterval( window.TheTimer );
    }
    else
    {
        window.PlayPauseButton.innerHTML = "Pause";
    }
};

但它不起作用！我无法将innerHTML与字符串进行比较。

Answer 1

你需要检查innerText没有innerHTML

PlayPauseButton.onclick = function()  //when you click the play or pause button
{
    if( window.PlayPauseButton.innerText== "Pause" )
    {
        window.PlayPauseButton.innerText= "Play";
        clearInterval( window.TheTimer );
    }
    else
    {
        window.PlayPauseButton.innerText= "Pause";
    }
};

Answer 2

如果您使用的是按钮标记，请尝试改为使用innerText：

if (window.PlayPauseButton.innerText == "Pause" ){
    window.PlayPauseButton.innerHTML = "Play";
    clearInterval( window.TheTimer );
}
else  {
    window.PlayPauseButton.innerHTML = "Pause";
}

这仅在您使用<button>Play</button>时才有效。

如果您使用的是<input type="button">，则需要比较值而不是innerText。