从JavaScript加载div值

时间:2018-08-26 21:05:44

标签: javascript html

(SELECT count(params_advertiserId) AS duplicates 
 FROM android_clicks 
 GROUP BY params_advertiserId ,app_id ,date --my key is a triplet
 HAVING COUNT(params_advertiserId) > 1)

鉴于div可能嵌套在其他div中并且重复了整个div模式,您如何将仅第三个div 的内容设置为来自GetData()函数?每个嵌套级别的每个div是否都需要唯一的id或类?

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

3 个答案:

答案 0 :(得分:1)

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

基本上,您只需要找到一个正确的选择器即可。

答案 1 :(得分:1)

  

如何仅设置第三格

解决方案1:

将类别/ ID添加到您的第三个div中。

const third = document.querySelector('.third'); // Select the class with the name is third.

const GetData = () => {
   return "three";
}

third.innerHTML = GetData(); // And set the new value
<div></div>
<div></div>
<div class="third"></div>

解决方案2:

这种方法更具动态性。无需设置类或其他内容:

const div = document.querySelectorAll('div'); // Select the class with the name is third.

const GetData = () => {
   return "three";
}

div[div.length -1].innerHTML = GetData();
<div><div>
<div><div>
<div><div>

我更喜欢第一个解决方案!

答案 2 :(得分:0)

要不要求每个div唯一地标识或分类,请使用数据属性

此处的详细信息:answered my own question