Как поменять текст элемента внутри блока?

Question

[Denis_8106]

А именно, как изменить текст в первом элементе (Текст 1)

<div class="box">
  <span>Текст 1</span>
  <span>Текст 2</span>
  <form action="">
    ...
  </form>
</div>

Answer 1

[Stalker_RED]

const elem = document.querySelector('.box span');
elem.textContent += ' hello world';

Answer 2

[Smirator]

Привет. Примерно так:

// Получаем <span>
const firstSpan = document.querySelector('.box span:first-of-type');

// Изменяем текст внутри <span>
firstSpan.textContent = 'Новый текст для Текст 1';