Javascript函数不断添加文本

Javascript函数不断添加文本,javascript,html,function,button,append,Javascript,Html,Function,Button,Append,我做了一个js测试。每当按下“下一步”按钮时,读取问题编号的文本将不断添加显示问题编号的文本,而不是替换它。为了帮助你理解我的意思 这是运行问题编号函数的代码: var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); $('#questionnum').append(header); var header=$('Question'+(index+1)+'of'+

我做了一个js测试。每当按下“下一步”按钮时,读取问题编号的文本将不断添加显示问题编号的文本,而不是替换它。为了帮助你理解我的意思

这是运行问题编号函数的代码:

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

'); $('#questionnum')。追加(标题);
您应该使用.text属性而不是.append,以便将文本完全更改为新文本。append将继续追加文本

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

请在和方法上查看此jquery文档。

您应该使用.text属性,而不是.append,以便将文本完全更改为新文本。append将继续追加文本

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

查看jquery文档和方法。

您也可以像这样使用纯JavaScript:

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

这样做不会有这样的问题。

您也可以像这样使用纯JavaScript:

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

这样做不会有这样的问题。

您的代码实际上应该使用
.html()
而不是append。追加意味着在
.html
覆盖元素的
innerHTML
时在末尾添加

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

'); $('#questionnum').html(标题);
您的代码实际上应该使用
.html()
而不是append。追加意味着在
.html
覆盖元素的
innerHTML
时在末尾添加

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

'); $('#questionnum').html(标题);
该代码行可能存在两个问题:1)找不到ID为的对象2)标头不是字符串这是导致该代码行出错的唯一两个原因。确保代码中存在id为“questionnum”的元素,并且
标题是字符串。希望这对您有所帮助:)该代码行可能存在两个问题:1)找不到ID为的对象2)标头不是字符串这是可能导致该代码行出错的唯一两个原因。确保代码中存在id为“questionnum”的元素,并且
标题是字符串。希望这有帮助:)