innerHTML在span標簽上不起作用

Question

我的html文檔上有下一個html塊：

<p class="load-chart">Carregando Grafico<span id="load-dots">.</span></p>

當我嘗試使用innerHTML時，得到未定義的味精，但是當我使用時：

$('#load-dots').text("any new text");

它工作正常。

我如何固定

我使用以下方法解決了此問題：

$('span#load-dots').get(0).innerHTML;

Answer 1

innerHTML可以正常工作：

<p class="load-chart">Carregando Grafico<span id="load-dots">.</span></p>

和

document.getElementById("load-dots").innerHTML = "some new text"

請參閱： .innerHTML-JSFiddle

另外，如果您已經在使用jQuery，則應使用.html 。 混合使用多種方法不是一個好習慣。

.html（）-JSFiddle

另請注意， .html或.innerHTML用於更新元素的標記。 如果您只想更新文本，請使用.text() 。 純JS替代將是.textContent

.text（）-JSFiddle

Answer 2

使用.html() ，

$('#load-dots').html("any new text");