javascript - html 更改部分标签文字

Question

我有以下 javascript 代码:

window.toggle = function() {
 if( document.getElementById("calendar").style.display=='none' ){
     document.getElementById("calendar").style.display = '';
     $(".icon-chevron-down").removeClass("icon-chevron-down").addClass("icon-chevron-up");
     document.getElementById("label").innerText = "Hide calendar";
 } else {
     document.getElementById("calendar").style.display = 'none';
     $(".icon-chevron-up").removeClass("icon-chevron-up").addClass("icon-chevron-down");
     document.getElementById("label").innerText = "Show calendar";
 }
}  

我只想更改标签的一部分，因为我不想删除 Bootstrap 图标。像这儿: http://jsfiddle.net/RkaQD/2/

您有什么提示可以处理这种消失的 Bootstrap 图标吗？

编辑:

也许我写一些我想要的例子:

v '显示日历'

^ '隐藏日历'

v '显示日历'

^ '隐藏日历'

等等……

Answer 1

我认为是 innerHTML 而不是 innerText。