document.querySelectorAll() в массив

147
18 апреля 2018, 07:26

Здравствуйте! Я не давно в JS.. научился на события мыши эффекты накладывать.. а с массивами еле еле пока...

есть три инпута с Type="number" при нажатии на кнопку собирается Value, и меняются data атрибуты другого элемента... я через айдишники всё уже запилил но хотелось бы попроще как то через:

var a = document.querySelectorAll('[type="number"]');

Как все их ( 3-х инпутов) Value в массив занести... желателно который со своими ключами, obj... хухлил очень долго и упорно...jQuery не понимать..

Answer 1

Array.from

Array.from(document.querySelectorAll('[type="number"]'));

Spread оператор

[...document.querySelectorAll('[type="number"]')]

Так же вы можете вызывать на NodeList методы массива с помощью prototype:

Array.prototype.slice.call(document.querySelectorAll('[type="number"]'));

Или даже напрямую их туда засовывать:

NodeList.prototype.forEach = Array.prototype.forEach;
document.querySelectorAll('[type="number"]').forEach() // Теперь так можно
READ ALSO
Как при переходе на главную страницу скроллить к секции
javascript

Как при переходе на главную страницу скроллить к секции

Есть две страницы - главная и contactsВ меню есть ещё один раздел - solutions (это секция, которая находится на главной странице)

 154
Почему не работает scrollTo?
javascript

Почему не работает scrollTo?

Вроде все делаю правильноОднако не работает

 147
ReferenceError: module is not defined:Что ето значит
javascript

ReferenceError: module is not defined:Что ето значит

 115
angular ag-grid
javascript

angular ag-grid

Имеется таблица ag-grid в которую добавляются записи, как осуществить добавление новой записи в начало списка?

 119