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

Question

我有一个内部有两个跨距的按钮标签;

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

我正在尝试这样做，以便当您单击按钮时，文本会发生变化，所以我有;

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

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

Answer 1

如何操作nodeValue呢？ .firstChild.nodeValue如果记忆能为我服务。