javascript - 特殊文字をオンクリックに置き換えるにはどうすればよいですか?

Question

折りたたみ可能なテキストの Js 関数を見つけました。

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

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

    </script>

そして、ここにhtmlがあります：

► タイトル01 テキスト01、テキスト01、テキスト01、テキスト01、テキスト01、テキスト01、テキスト01、テキスト01、テキスト01、

私が望むのは、この特殊文字をオンクリックしたときです:►これで変化します:▲手がかりはありますか?

前もって感謝します ！

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 = '►';
  }
}

デモ