Javascript函數不斷添加文字

Question

我做了一個js測驗。每當按下「下一步」按鈕時，讀取問題編號的文本將不斷添加顯示問題編號的文本，而不是替換它。爲了幫助你理解我的意思，this is the link。

這是一個運行的問題數函數的代碼：

var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); 
$('#questionnum').append(header); 

Answer 1

你的代碼實際上應該使用.html()而不是追加。追加意味着在結尾添加，而.html覆蓋該元素的innerHTML。

var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); 
$('#questionnum').html(header); 

Answer 2

你應該以文本徹底改變爲新的使用的.text屬性，而不是.append。 .append將繼續附加文本。

$('#questionnum').text(header); 

檢查出append()和text()方法這個jQuery文檔。

Answer 3

您可以使用純JavaScript這樣還有：

document.getElementById("questionnum").innerHTML = header; 

你不會做這種方式等問題。