Js replace text

Question

Просьба, подсказать, как корректно заменить text в данной структуре:

    <div class="card-footer">
        <div id="last_update" class="stats">
            <i class="material-icons">access_time</I>
                Sun Aug 15 2021 23:43:00 GMT+0400 (+04)
        </div>
    </div>

Соответсвенно, обновлять дату, мои попытки приводят к тому что, дата заменяется вместе с иконкой или добавляется в конец

Answer 1

Если нет возможности добиться лучшей разметки, можно попробовать так:

const textNode = document.querySelector('#last_update > i').nextSibling;

setInterval(() => {
  textNode.textContent = ` ${new Date()}`;
}, 1000)

<div class="card-footer">
  <div id="last_update" class="stats">
    <i class="material-icons">access_time</i>
    Sun Aug 15 2021 23:43:00 GMT+0400 (+04)
  </div>
</div>

БЛОГ НА HUSL

Js replace text

Ответы (1 шт):