Как собрать значения placeholder тега input в массив и удалить лишние пробелы в них?

Question

[koala_7]

Необходимо собрать значения placeholder тега input c классом "search-title" в массив и удалить лишние пробелы, затем заменить на беспробельные значения с помощью javascript, ниже пример кода с пробелами:

<input type="text" class="search-title" placeholder="      Мощность     ">
<input type="text" class="search-title" placeholder="  Напряжение ">
<input type="text" class="search-title" placeholder=" Частота радиоволн  ">
<input type="text" class="search-title" placeholder="Размер  ">

Comments

[Сергей delphinpro]

Ну зачем вы всегда пытаетесь удалить зуб через задницу. Это же неудобно и неправильно.
Выводите в плейсхолдеры сразу нормальные строки, еще на сервере.

[Сергей delphinpro]

Для извращенцев:

document.querySelectorAll('input[placeholder]').forEach(input => {
  const placeholder = input.getAttribute('placeholder');
  input.setAttribute('placeholder', placeholder.trim());
});

[koala_7]

Сергей delphinpro, Я тоже такого же мнения как и вы, но я исползую сторонний cms. я ввожу нормальные данные, а он их генерирует в html вот с такими пробелами, поэтому приходится искать такие решения.

[Сергей delphinpro]

koala_7, не важно. нужно источник проблемы исправлять, а не последствия.

[koala_7]

Сергей delphinpro, спасибо! работает.