如何用另一个外部循环数据值更改循环数据值答案

【问题标题】：How to change loop data value with another outside loop data value如何用另一个外部循环数据值更改循环数据值
【发布时间】：2021-11-23 11:40:39
【问题描述】：

<div id="core-a">
    <div class="name">A</div>
    <div class="age">B</div>
</div>

<div id="core-b">
    <div class="left-slide">Dog</div>
    <div class="right-slide">1990</div>
</div>

我想使用 document.querySelectorAll 来改变 innerHTML 或像这样的循环示例：

.name 选择器 innerHTML 替换为 Dog

.age 选择器 innerHTML 替换为 1990

我不知道如何实现这一点，但我不想使用 jQuery，因为我有它，纯 JS 解决方案将是合适的。

【问题讨论】：

标签： javascript selectors-api

【解决方案1】：

我认为最好的方法是使用 ES6 功能：

[...document.querySelectorAll('.name')] // This will transform NodeList in array
     .forEach(tag => tag.innerHTML='<SOMETHING>');

如果您只寻找一个具有该类名称的 HTML 标记，您可以使用 querySelector 而不是 querySelectorAll：

document.querySelector('.name').innerHTML = '<SOMETHING>';

顺便说一句，我建议使用innerText 而不是innerHTML。

【讨论】：

谢谢，我知道 querySelectorAll 的用法，但我不想使用静态文本，我想要来自另一个动态选择器的动态文本，请查看我的示例
你考虑过使用document.querySelector('.name').innerText = document.querySelector('.left-slide').innerText吗？
是的，我想要那样，但是有循环，因为我有多次相同的东西
“同一件事多次”是什么意思？你应该更好地描述你的问题，让我找到更合适的解决方案。对于我在您的代码中看到的内容，不可能通过循环来改进解决方案。