Javascript 从嵌套 Div 中获取 Div 信息

Question

我正在尝试制作一个 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()。

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

Answer 1

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

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