javascript - 如何用 onclick 替换特殊字符？

Question

我找到了一个用于可折叠文本的 Js 函数。

    function toggle(id) {
      var e = document.getElementById(id);

      if (e.style.display == '')
        e.style.display = 'none';
      else
        e.style.display = '';
    }

    </script>

这是html：

► Title01 Text01, Text01, Text01, Text01, Text01, Text01, Text01, Text01, Text01,

我想要的是当我点击这个特殊字符时：►它会改变这个：▲，有什么线索吗？

提前致谢 ！

Answer 1

►用标签包装特殊的 html 字符<span>：

<a onClick="toggle(this, 'node1')"><span>&#9658;</span> Title01 </a>

然后您可以▲在显示隐藏元素后将其更改为隐藏►时：

function toggle(elm, id) {
  var e = document.getElementById(id),
      a = elm.getElementsByTagName('span')[0];


  if (e.style.display == 'none')
  {
    e.style.display = '';
    a.innerHTML = '▲';
  }
  else
  {
    e.style.display = 'none';
    a.innerHTML = '►';
  }
}

演示