首页 > 解决方案 > 如何通过javascript更改div中的文本

问题描述

请帮我 :)

我有这个 HTML:

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

如何在 Javascript 中更改以拥有此 HTML?:

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

这意味着,在 中具有相同的日期,但在(之前)<strong>中更改文本<div><strong>

谢谢你。

标签: javascript

解决方案


您需要使用firstChild 定位元素中的第一个文本节点。您可以仅更改其textContent并保持元素内的其他节点不变:

document.querySelector('.delivery-time').firstChild.textContent = 'Ship to: ';
<div class="delivery-time">Delivery to: <strong>18.7.2018</strong></div>


推荐阅读