Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DOM innerText只显示数组的最后一个元素_Javascript_Html_Dom - Fatal编程技术网

Javascript DOM innerText只显示数组的最后一个元素

Javascript DOM innerText只显示数组的最后一个元素,javascript,html,dom,Javascript,Html,Dom,我想让我的代码循环每个单独的元素并显示文本,但当我尝试这样做时,它一直只显示数组的最后一个元素,我尝试使用控制台,它可以工作,但在DOM上它实际上不工作,所以请帮助newparagration.innerText+=我将在明年购买一个${fruit} Add+=要附加多个元素,请参见上面的我的添加内容。您每次都使用相同的新段落,替换当前的内部文本,而不是添加新段落 您可以为循环中的每个水果创建一个新的p元素: const screenthow=document.getElementById('

我想让我的代码循环每个单独的元素并显示文本,但当我尝试这样做时,它一直只显示数组的最后一个元素,我尝试使用控制台,它可以工作,但在DOM上它实际上不工作,所以请帮助

newparagration.innerText+=
我将在明年购买一个${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);
    });
});