从javascript加载div值 函数GetData（）{ 返回“三”； } 第一 第二

如果div可能嵌套在其他div中，并且整个div模式重复，那么如何设置第三个div的内容，使其仅来自GetData（）函数？每个嵌套级别的每个div都需要唯一的id或类吗

编辑：似乎简单的答案是“是的，要修改的每个div或div组必须唯一标识。在定义div时，没有简单的方法将动态值与特定div关联”。多亏了迄今为止的答案，这些答案提供了线索，但也许可以理解的是，他们没有得到真正的问题

<script>
    function GetData(){
        return "three";
    }
</script>

<div>first</div>
<div>second</div>
<div></div>

基本上，你只需要找到一个正确的选择器

如何设置第三个div的内容

解决方案1:

将class/ID添加到第三个div中

const third=document.querySelector（'.third'）；//选择名为third的类。
常量GetData=（）=>{
返回“三”；
}
third.innerHTML=GetData（）；//并设置新值

---

为了不要求每个div都具有唯一的id或class，请使用数据属性

---

此处的详细信息：

如果您想设置特定元素的innerHTML，我会为该特定元素分配一个ID并利用它。我删除了我的答案，同时从您那里获得了一些信息。。。您计划如何调用GetData函数。。。你想要所有的div数据，还是只想要一个div？不清楚您想要实现什么解决方案1（和这里的其他注释一样）明确指出：分配一个id或类。你的解决方案2很有趣。我要走了，好好想想。我希望有一种方法可以嵌入到div定义中，或者与div定义一起，只适用于该div。如果您有其他问题，请发表评论，我将回答您：）

document.querySelector('div:nth-of-type(3)').innerHTML = GetData();