JavaScript innerHTML 导致 css 在 <button> 上消失答案

【问题标题】：JavaScript innerHTML causing css to disappear on <button>JavaScript innerHTML 导致 css 在 <button> 上消失
【发布时间】：2011-04-08 20:05:01
【问题描述】：

我有一个按钮标签，里面有两个跨度；

<button><span><span id="buttonText">Save</span></span></button>

我正在努力做到这一点，以便当您单击按钮时，文本会发生变化；

onclick="document.getElementById('buttonText').innerHTML = 'Saving...'; this.style.className"

现在有趣的是，它在 IE8 中运行良好，但在 Firefox 和 Chrome 中进行测试，都失去了我在按钮和跨度上设置的 css 滑动门样式。

【问题讨论】：

标签： javascript css firefox google-chrome

【解决方案1】：

改为操作 nodeValue 怎么样？ .firstChild.nodeValue 如果我没记错的话。

【讨论】：