Функция .next() на чистом Javascript?

Question

[generate]

Подскажите почему не работает функция nextElementSibling
В данном коде в блок .two > p должен был появиться "Текст 2" но почему то эта функция у меня вообще не хочет работать.

<div class="one">
      <p class="text"></p>
</div>
<div class="two">
      <p class="text"></p>
</div>
<script type="text/javascript">
      let contain = document.querySelector('.one > .text');
      contain.innerHTML = 'Текст 1';
      let next = contain.nextElementSibling;
      next.innerHTML = 'Текст 2';
</script>

Comments

[alex4answ]

Вы смотрели что в свойстве nextElementSibling и что это вообще такое?
это следующий сосед

[generate]

alex4answ, На сайтах прочитал что это замена .next() с jquery

[Роман]

https://developer.mozilla.org/ru/docs/Web/API/NonD...

[Пашенька]

generate, ну и где вы у .text видите соседей? Они единственные чайлды у своих родителей.

Answer 1

[dollar]

<div class="one">
      <p class="text"></p>
</div>
<div class="two">
      <p class="text"></p>
</div>
<script type="text/javascript">
      let contain = document.querySelector('.one > .text');
      contain.innerHTML = 'Текст 1';
      let next = contain.parentElement.nextElementSibling.firstElementChild;
      next.innerHTML = 'Текст 2';
</script>