Сдейлай добро - напиши информацию о рос. войсках в телеграм @evorog_bot

GRAVITSAPA.INFO

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

Задонатити ₴
Темний режим
GRAVITSAPA.info - интересный блог

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

3358 просмотров Создание сайтов Нет комментов » 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).
Спасибо за внимание 😉

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

Наверх