Javascript 如何将数组元素的innerHTML分配给另一个数组中的值?

Javascript 如何将数组元素的innerHTML分配给另一个数组中的值?,javascript,arrays,foreach,nested-loops,Javascript,Arrays,Foreach,Nested Loops,我想将每个Postertile数组元素的innerHTML设置为标题列表数组中的相应值: 乙二醇 posterTitle1.innerHTML=“美国犯罪的最后日子” 我只能知道如何为数组中的一个元素执行此操作(如下所示)。我知道会有一个简单的解决方案,但我就是看不到 const posterTitle2 = document.getElementById('poster-2-title'); const posterTitle3 = document.getElementById('poste

我想将每个Postertile数组元素的innerHTML设置为标题列表数组中的相应值:

乙二醇

posterTitle1.innerHTML=“美国犯罪的最后日子”

我只能知道如何为数组中的一个元素执行此操作(如下所示)。我知道会有一个简单的解决方案,但我就是看不到

const posterTitle2 = document.getElementById('poster-2-title');
const posterTitle3 = document.getElementById('poster-3-title');
const posterTitle4 = document.getElementById('poster-4-title');

const posterTitleList = [posterTitle1, posterTitle2, posterTitle3, posterTitle4];

const titleList = ["The Last Days of American Crime", "Becky", "The Rising Hawk", "7500"];

与其这样尝试,不如给所有标题赋予相同的类名,比如说
titles
,然后使用类名访问所有标题,如果您不打算在任何地方使用它们,您可以完全省略id

const titleList=[“美国犯罪的最后几天”、“贝基”、“上升的鹰”、“7500”]
让titles=document.getElementsByClassName('titles'))
for(设i=0;i


阅读下面的内容。该方法有一个
索引
参数.Imho,它不应该是ID,而是所有标题的一个公共类(
例如.post title
)。然后迭代标题(
document.queryselectoral(.post title”).forEach((元素,索引)=>{…})
)并使用索引从
titleList
(如果有足够的标题)@user4642212谢谢,这是我一直在寻找的,但找不到它@谢谢你,这种方法更干净!谢谢,我使用了这个版本,它按预期工作,谢谢你的时间。虽然这段代码可能会解决OP的问题,但最好包括一个解释,说明你的代码如何解决OP的问题。通过这种方式,未来的访问者可以从您的帖子中学习,并将其应用到自己的代码中。因此,它不是一种编码服务,而是一种知识资源。此外,高质量、完整的答案更有可能被提升。这些特性,以及所有帖子都是独立的要求,是SO作为一个平台的一些优势,使其区别于论坛。您可以编辑以添加其他信息和/或用源文档补充您的解释代码是自解释的,我知道是什么,我知道这不是一个编码服务,因为我不希望这样paid@ysf重点是不鼓励在没有解释的情况下发布代码,因为它对平台或未来的访问者没有什么长期价值。此外,仅使用代码的答案往往鼓励使用SO作为“只给我代码”的问答,这在过去一直是一个问题,社区版主需要花费大量精力才能消除。YSF只是指导您如何使我们的平台更好,如何保持SO滥用者的高质量,以及如何为社区提供最大价值。添加解释有助于最大限度地增加访问者数量,并增加理解您提供的有用代码的时间。SO的政策是不鼓励只使用代码的答案。YSF正在履行其推荐的适度“职责”。你的A没有被删除,也没有被否决。相反,如果你想最大限度地利用你的贡献,我们会提供鼓励和指导。这样做还可以为其他人提供极好的例子,说明如何在撰写答案时帮助大多数人。你可以不理会这个建议。这绝对不是对你的攻击。更像是指导,你应该比你已经做的更开放地帮助社区。我们非常感谢你的贡献。
posterTitleList.forEach(element => element.innerHTML = titleList[0]);
posterTitleList.forEach(x=>{
x.innerHTML=titleList.shift()
})
console.log(posterTitleList)