Javascript 如何切换"；“查看答复”；按钮进入"；“隐藏答复”；点击？

我使用引导按钮（“查看x回复”）切换评论中回复的可见性。切换内容效果很好。但我希望如果有人单击“查看x回复”按钮，该按钮的内容将更改为“隐藏x回复”。之后，当用户打开“隐藏回复”时，它将更改为“查看回复”就像第一次一样。我用javascript实现了这一点。 这是我的密码：

<button class="btn btn-primary d-block" id ="show-{{comment.id}}" type="button" 
  data-toggle="collapse"  data-target="#{{comment.id}}"
  aria-expanded="false" aria-controls="collapseExample" 
  onClick = "myFunction1({{ comment.id }}, {{ comment.get_children.count }} );">
    View {{ comment.get_children.count }} replies
 </button>

<script>
  function myFunction1(comment_id, comment_get_children_count) {
    var id = comment_id;
    var count = comment_get_children_count;

    var x = document.getElementById("show-" + id );
    var y = "View " + count + " replies";
    var z = "Hide " + count + " replies";

    if (x.innerHTML = y){
      x.innerHTML = z;
    }

    // else part is not working
    else {
      x.innerHTML = y;
    }
  }
</script>

查看{comment.get_children.count}回复
函数myFunction1（注释id、注释获取子项计数）{
var id=注释id；
var count=注释\获取\子项\计数；
var x=document.getElementById（“显示-”+id）；
var y=“查看”+计数+“回复”；
var z=“隐藏”+计数+“回复”；
如果（x.innerHTML=y）{
x、 innerHTML=z；
}
//其他部分不工作
否则{
x、 innerHTML=y；
}
}

当我点击“查看x回复”时，它工作正常。它会变成“隐藏x回复”。但下一步当我点击“隐藏x回复”，它不会变成我想要的“查看x回复”。 那么我该如何解决这个问题呢？有什么建议吗

---

提前感谢。

您没有在

IF

语句中正确检查条件

=

是赋值运算符VS

=

比较运算符

=

是一个

赋值

运算符，用于检查是否要更改

innerHTML

。您需要使用

=

（不等式运算符）此操作可更改按钮的

内部HTML

现场演示：

函数myFunction1（注释\u id、注释\u获取\u子项\u计数）{
var id=注释id；
var count=注释\获取\子项\计数；
var x=document.getElementById（“显示-”+id）；
var y=“查看”+计数+“回复”；
var z=“隐藏”+计数+“回复”；
如果（x.innerHTML.trim（）！=z）{
x、 innerHTML=z；
}否则{
x、 innerHTML=y；
}
}

查看12条答复

啊！我使用了作业操作而不是比较操作。谢谢，你的解决方案适合我。：）