javascript - Javascript不更新div中的文本

Question

我一定很愚蠢，但是一旦单击 div，javascript 并没有像我期望的那样更改包含的 div 文本：

favourite.onclick = function() {     
        loadXMLDoc('indexFavourite'); 
        var linkclass = favourite.className;
        if(linkclass == 'favouriteOption')
            favourite.className = 'favouriteOptionActive',
            favourite.className.update("New text");
        else
            favourite.className = 'favouriteOption';
}

Answer 1

你的语法很差，缺少括号等等

favourite.onclick = function() {     
  loadXMLDoc('indexFavourite'); 
  var linkclass = favourite.className;
  if(linkclass == 'favouriteOption') {
    favourite.className = 'favouriteOptionActive',
    favourite.innerHTML="New text";
  }
  else {
    favourite.className = 'favouriteOption';
  }
}

Answer 2

您在这里所做的是更改 div 的类（可能）。甚至这是有点错误的。我是说

favourite.className = 'favouriteOptionActive',
favourite.className.update("New text");

实际上应该会产生错误，因为字符串favouriteOptionActive没有方法更新。只有当你修补 String.prototype 时它才会有。

如果你想改变 div 的文本，你应该使用div.innerHTML或div.innerText。

Answer 3

favorite.text('New text')将设置文本

请注意，如果使用 jQuery，这将起作用，我的错！