1

Всем привет, есть название книги (если длинное, то переносится на 2 строчку). Так вот, до этого обрезал с помощью text-overflow, но это свойство не работает 2 строчками текста. JS только недавно начал учить и захотелось обрезать эту строчку при помощи substring(). Обрезать получилось, но как теперь вместо "целой" подставить "обрезанную".

вот мой код))

const bookName = document.querySelector('.popular__slider-descr-text').textContent;

function cutString(str) {

if (str.length >= 10) {
    bookName.substring(0, 10);
  }
}
cutString(bookName);

1 ответ 1

1

function cutString(str) {
  if (str.length >= 10) {
    str = str.substring(0, 10);
  }
  return str;
}

const bookName = document.querySelector('.popular__slider-descr-text');
bookName.textContent = cutString(bookName.textContent);
<div class="popular__slider-descr-text">
The walrus and the carpenter walked for a mile or so
</div>

7
  • выдает ошибку: Сannot read property 'length' of undefined
    – user369499
    11 мая 2020 в 19:24
  • @ДанилСтоляров Вы неаккуратно скопировали мой код.
    – user176262
    11 мая 2020 в 19:26
  • действительно, извините) а ошибка появилась из-за того, что переменная bookName была определена до функции?
    – user369499
    11 мая 2020 в 19:28
  • @ДанилСтоляров Нет, ошибка возникла из-за чего-то еще.
    – user176262
    11 мая 2020 в 19:29
  • 1
    Можно просто function cutString(str) { return str.substring(0, 10); } без проверок) 11 мая 2020 в 19:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.