GRAVITSAPA.INFO

Компьютеры, электроника, софт, авто, мото, вело, сайты, жизнь, советы :)

GRAVITSAPA.info - интересный блог

Используя нативный JavaScript исправляем определённую часть текста

73 просмотров Создание сайтов Нет комментов » 29 мая 2018

Данное задание размещено на одном из крупнейших ресурсов СНГ в качестве теста на фронтендщика…

Итак! Имеем блок с текстом:
<div class="example">Дважды <span>два</span> - пять</div>

Задание изложено следующим образом:
Дан фрагмент HTML. Используя только нативный JavaScript исправьте текст, следующий после тега <span> так, чтобы элемент <span> остался незатронутым.

Решение данной задачи следующее:
<script>
document.getElementsByClassName('example')["0"].childNodes[2].textContent = " - шесть";
</script>

И короткое разъяснение кода для понимания того, что происходит:

  1. document — наша страничка
  2. .getElementsByClassName('example') — выбираем содержимое контейнера с классом example
  3. ["0"] — имеем массив содержимого контейнера, и нам нужен его первый элемент
  4. .childNodes — в этом объекте находятся дочерние элементы, их трое: текст до спана, спан, текст после спана.
  5. [2] — выбираем текст после спана
  6. .textContent = " — шесть" — присваиваем этому элементу свой текст

Автор решения @only_darkangel (Telegram).
Спасибо за внимание 😉

Почитайте ещё эти интересные статьи:

Оставь свой коммент