Question

请帮帮我：）

我有这个HTML：

OneNews

如何更改Javascript以具有此HTML？

<div class="delivery-time">Delivery to: <strong>18.7.2018</strong></div>

这意味着在<div class="delivery-time">Ship to: <strong>18.7.2018</strong></div>中具有相同的日期，但是在<strong>中（在<div>之前）更改文本

谢谢。

Answer 1

您需要使用text node定位元素中的第一个firstChild。您可以只更改其textContent并保留元素中的其他节点不变：

document.querySelector('.delivery-time').firstChild.textContent = 'Ship to: ';

<div class="delivery-time">Delivery to: <strong>18.7.2018</strong></div>

Answer 2

即使您不能使用jQuery，也仍然可以使用它所支持的document.querySelector。因此，请记住，通过类查找您的元素并更新该元素的innerHTML属性。这是一个非常基本的示例：

var element = document.querySelector('.delivery-time')
var time = element.querySelector('strong').innerHTML
element.innerHTML = 'Ship to: <strong>' + time + '</strong>'

如何通过javascript更改div中的文本

2 个答案: