Задать вопрос
@Alisa94
javascript

Как передать id и name button-а из html в js объект?

Помогите пожалуста. Имею такую ситуацию, есть две кнопки с разными name-ами и id в html файлe, мне нужно передать id и name этих двух кнопок в js и добавить их в объект(желательно реализовать это сразу в виде предачи в объект). Любая помощь будет полезна, заранее спасибо.

<ul>
  <li><button name="button1" id="1">ButtonOne</button></li>
  <li><button name="button2" id="2">ButtonTwo</button></li>
</ul>
  • Вопрос задан
  • 1714 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 2
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
1) У вас неправильное значение у id, оно не должно начинаться с цифры или других символов. Лучше допишите but1, but2 и.т.д.
2) Обращаться к элементам DOM можно по селекторам, определите общий селектор к этим элементам или к родителю, и вызовете document.querySelectorAll с данным селектором, этот метод вернет список элементов, в данном случае кнопки.

Из вопроса не очень понятно, в чем именно у вас трудности.
Ответ написан
3 комментария
3 комментария
@dmitriyivvvv
Так?
const buttons = [...document.querySelectorAll('button')].reduce((a, c, i) =>
(a['button' + i] = {name: c.name, id: c.id}, a), {});
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@sriver
js newbie
не до конца понял что вы хотите сделать, но например с помощью jQuery можно получить айди и нэйм примерно так: 
$("button").each(function(){
    alert("id " + $(this).attr("id") + ' is ' + $(this).attr("name"));
})
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Интегрировать МИС Медцентра с ЕЦП в части получения Направлений
24 апр. 2024, в 08:24
100000 руб./за проект
Модель управления электродвигателем в Matlab, Simulink
24 апр. 2024, в 06:52
5000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Ещё заказы