Javascript - 更改按钮文本不起作用

Question

我需要以下代码，以便在打开或关闭折叠时更新引导按钮。 然而，图标部分正在更新，但无法更新按钮文本，我不知道为什么。

我的 javascript 水平很低，我只是使用了我可能在 SOF 或 inte.net 上其他任何地方找到的部分代码。

Javascript

$('#more-properties').on('hidden.bs.collapse', function () {
  var icon = document.getElementById("icon-more-properties");
  icon.setAttribute('class', 'fas fa-angle-down pr-2');

  var btn = document.getElementById("btn-more-properties");
  btn.textContent('More properties');
});
$('#more-properties').on('shown.bs.collapse', function () {
  var icon = document.getElementById("icon-more-properties");
  icon.setAttribute('class', 'fas fa-angle-up pr-2');

  var btn = document.getElementById("btn-more-properties");
  btn.textContent('Less properties');
});

引导按钮

<div class="col-12 text-center" id="btn-div">
    <button class="btn btn-outline-dark shadow-none collapsed" id="btn-more-properties" type="button" data-toggle="collapse" data-target="#more-properties" style="border-radius: 0 !important;">
    <i id="icon-more-properties" class="fas fa-angle-down pr-2"></i>More properties</button>
</div>

有谁能告诉我为什么它不起作用？ 我在 ite.net 上找不到任何类似的问题。

预先感谢您的帮助。

Answer 1

textContent不是 function 而是一个属性，因此您需要为其分配值而不是调用它：

btn.textContent = 'Less properties';

希望这可以帮助