Javascript 从嵌套 Div 中获取 Div 信息

标签 javascript dom google-chrome-extension

我正在尝试制作一个 google chrome 扩展程序,它可以从 div、在线游戏网站、拍卖网站等获取倒计时计时器金额。在获得金额后,我可以在 div 中发布不同的时间计算结果我注入(inject)到 html 中。

我的 div 注入(inject)效果很好。获取时间是个问题。

我当前获取倒计时信息的网站是一个游戏网站。我已找到包含倒计时信息和 div id 名称的 div,但实际倒计时信息位于没有 id 的嵌套 div 中。

div的结构如下:

<div id="countdowndiv">
   <div class="info">
       <div class="time">
           1m 39s
       </div>
   </div>
</div>

有多个带有“time”和“info”类的div,所以我认为我不能使用document.getElementsByClassName()。

有办法获得这个倒计时金额吗?

最佳答案

有很多方法,其中一种可以沿着 dom 遍历:

document.getElementById('countdowndiv').children[0].children[0].innerHTML

关于Javascript 从嵌套 Div 中获取 Div 信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18577383/

相关文章:

javascript - 如何从 JavaScript 检测 HTTP 状态

google-chrome-extension - 可以browser.tabs.query({active : true, currentWindow : true}) ever return more than one tab?

javascript - 如何获取es6类实例的所有函数

javascript - console.log 返回函数而不是返回整数

javascript - 如何在javascript中减去2个字符以获得ascii的差异

javascript - 通过 JavaScript 设置 anchor 标记的 innerHTML

php - 用于解析 HTML 的 DOMDocument(而不是正则表达式)

javascript - D3 线充当闭合路径

javascript - 处理类似于 Chrome 的 Omnibox 的字符串

google-chrome-extension - Chrome 扩展中的权限调整