javascript-如何獲取位於div內的div？

Question

<div class="message cid-524f7e6b28946"><i class="icon icon-chat-manager"></i>
<div class="timestamp" style="display: block;">4:44pm</div><span class="from staff clickable">SamueI </span><span class="text">&nbsp;.</span>

我想獲取div的“時間戳”

我想這樣更改時間戳文本，但它帶有“空”字樣

 document.getElementById("timestamp").textContent = "new text";

Answer 1

您可能想像使用querySelector一樣：

document.querySelector('.timestamp').textContent = "new text";

小提琴

否則，您需要在元素中使用ID而不是Class，例如：

<div id="timestamp" style="display: block;">4:44pm</div> 

Answer 2

修改您的代碼為

<div class="message cid-524f7e6b28946"><i class="icon icon-chat-manager"></i>
<div id="timestamp" style="display: block;">4:44pm</div><span class="from staff clickable">SamueI </span><span class="text">&nbsp;.</span>

和

document.getElementById("timestamp").textContent = "new text";

將工作。

Answer 3

即使時間戳是一個類名，您仍在使用getElementById。 將其更改為id="timestamp"

Answer 4

由於IE9還提供了getElementsByClassName，因此執行以下操作非常安全：

document.getElementsByClassName('timestamp')[0].textContent = "new text";