javascript - JS 更改文本 onClick 然后改回 onClick If...else

Question

这是一个简单的方法。

我正在创建一个链接，其内容会在点击时发生变化。加载它应该说““点击这里获取更多信息!”点击时，它应该说“点击这里获取更少信息!”然后重新点击“...更多信息”。

我确定我只是在某个地方犯了一个小错误，帮忙吗？

JavaScript

<script>
function change_text()
{
if(document.getElementById("toggle_button").innerHTML="Click here for more   
information!"){
document.getElementById("toggle_button").innerHTML="Click here for less
information!";
}else{
    document.getElementById("toggle_button").innerHTML="Click here for more     
information!";
}}
</script> 

这是 HTML

<a href='javascript: toggle()'><p id="toggle_button" onclick="change_text()">Click here  
for more information!</p></a>    

Answer 1

您不仅将 = 误用为 ===，而且您还可以使用一种简单的技术来极大地改进您的代码:缓存。

function change_text() {
    var button = document.getElementById('toggle_button');

    if (button.innerHTML === "Click here for more information!") {
        button.innerHTML = "Click here for less information!";
    }
    else {
        button.innerHTML = "Click here for more information!";
    }
}

您可以看到代码变得多么清晰。