Javascript 检查所有段落中的某些单词并添加到列表中

我试图检查段落，看看它是否包含某个单词（苹果），如果是，请将其添加到列表中

橙色

葡萄

苹果



var i；
var x=document.getElementsByTagName（“P”）；
对于（i=0；i”+x[i].innerHTML+“
”；
}

您应该使用

+=

而不是

=

。还忘记关闭列表元素（应该是

）。此外，为了获得更好的性能，您可以首先为所有项生成字符串，然后只更新DOM一次

您可以在每次迭代中检查当前元素的文本，并根据该文本创建项

演示：

橙色

葡萄

苹果



var i；
var x=document.getElementsByTagName（“p”）；
var elString=“”；
对于（i=0；i”+x[i].textContent+“”；
}
}
document.getElementById（“ulist”）.innerHTML=elString；

您应该使用

+=

而不是

=

。还忘记关闭列表元素（应该是

）。此外，为了获得更好的性能，您可以首先为所有项生成字符串，然后只更新DOM一次

您可以在每次迭代中检查当前元素的文本，并根据该文本创建项

演示：

橙色

葡萄

苹果



var i；
var x=document.getElementsByTagName（“p”）；
var elString=“”；
对于（i=0；i”+x[i].textContent+“”；
}
}
document.getElementById（“ulist”）.innerHTML=elString；

尝试以下代码：

var段落=[…document.getElementsByTagName（“P”）]；
var list=document.getElementById（“ulist”）
段落。forEach（el=>{
if（el.innerText.toLowerCase（）包括（“苹果”））{
var li=document.createElement（“li”）
li.innerText=el.innerText
列表.附加子项（li）
}
})

橙色

葡萄

苹果

不是苹果

尝试以下代码：

var段落=[…document.getElementsByTagName（“P”）]；
var list=document.getElementById（“ulist”）
段落。forEach（el=>{
if（el.innerText.toLowerCase（）包括（“苹果”））{
var li=document.createElement（“li”）
li.innerText=el.innerText
列表.附加子项（li）
}
})

橙色

葡萄

苹果

不是苹果

使用，， ，及

const fruits=document.querySelectorAll（“p”），
lists=document.getElementById（“ulist”）；
水果。forEach（（水果）=>{
if（/apple/i.test（fruit.textContent））{
const list=document.createElement（“li”）；
list.textContent=fruit.textContent；
列表。追加（列表）；
}
});

水果
橙色的

葡萄

苹果


使用，，
，及


const fruits=document.querySelectorAll（“p”），
lists=document.getElementById（“ulist”）；
水果。forEach（（水果）=>{
if（/apple/i.test（fruit.textContent））{
const list=document.createElement（“li”）；
list.textContent=fruit.textContent；
列表。追加（列表）；
}
});

水果
橙色的

葡萄

苹果


您有一个输入错误
id=ulist
需要在名称周围加引号<代码>
。请注意，如果问题是由于以下原因造成的，则此网站上的问题将被关闭：typo@Rojo不需要引号请注意，您对
innerHTML
的赋值不安全。请参阅，以获取替代方案。@evolutionxbox-huh。好极了know@Rojo我还是无法克服这一点。当XHTML成为新热点时，我开始使用前端，因为您有一个输入错误
id=ulist
需要在名称周围加引号<代码>

。请注意，如果问题是由于以下原因造成的，则此网站上的问题将被关闭：typo@Rojo不需要引号请注意，您对

innerHTML

的赋值不安全。请参阅，以获取替代方案。@evolutionxbox-huh。好极了know@Rojo我还是无法克服这一点。当XHTML成为新热门时，我启动了前端optional@WebDevLearner，我试过了，但是在DOM中添加了额外的空项@WebDevLearner，如果你能发布你的答案，那就太好了：）我不是JS的专业人士，无法提供完整的解决方案。

是optional@WebDevLearner，我尝试过，但是在DOM中添加了额外的空项！！！！”@WebDevLearner，如果你能发布你的答案，那就太好了：）我不是JS的专业人士，无法提供完整的解决方案。