Javascript DOM innerText只显示数组的最后一个元素
我想让我的代码循环每个单独的元素并显示文本,但当我尝试这样做时,它一直只显示数组的最后一个元素,我尝试使用控制台,它可以工作,但在DOM上它实际上不工作,所以请帮助newparagration.innerText+=Javascript DOM innerText只显示数组的最后一个元素,javascript,html,dom,Javascript,Html,Dom,我想让我的代码循环每个单独的元素并显示文本,但当我尝试这样做时,它一直只显示数组的最后一个元素,我尝试使用控制台,它可以工作,但在DOM上它实际上不工作,所以请帮助newparagration.innerText+=我将在明年购买一个${fruit} Add+=要附加多个元素,请参见上面的我的添加内容。您每次都使用相同的新段落,替换当前的内部文本,而不是添加新段落 您可以为循环中的每个水果创建一个新的p元素: const screenthow=document.getElementById('
我将在明年购买一个${fruit}
Add+=要附加多个元素,请参见上面的我的添加内容。您每次都使用相同的
新段落
,替换当前的内部文本,而不是添加新段落
您可以为循环中的每个水果创建一个新的p
元素:
const screenthow=document.getElementById('screen'))
const fructsarray=[“苹果”、“香蕉”、“蔓越莓”]
水果雷。forEach(水果=>{
const newparagration=document.createElement('p')
newparagration.innerText=`明年我会买一个${水果}`
screenToShow.append(新段落)
})
newparagration.innerText+=`明年我要买一个${水果}
?
fruitsButton.addEventListener("click", function () {
fruitsArray.forEach((fruit) => {
newParagraph.innerText = `I'll buy a ${fruit} next year `;
screenToShow.append(newParagraph);
});
});