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“timestamp”

我想像这样更改时间戳文本，但它会出现“null”

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

Answer 1

您可能希望使用querySelector之类的：

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

Fiddle

或者您需要在元素中使用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

即使timestamp是类名，您也在使用getElementById。将其更改为id="timestamp"

Answer 4

由于IE9还有一个getElementsByClassName，所以做以下事情是非常安全的：

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