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 = '&#9650;';
  }
  else
  {
    e.style.display = 'none';
    a.innerHTML = '&#9658;';
  }
}

Demo

如何用onclick替换特殊字符？

1 个答案: