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; 

你不会做这种方式等问题。