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

08 августа 2019, 16:40

Помогите пожалуста. Имею такую ситуацию, есть две кнопки с разными 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>

Answer 1

var obj = {}; 
var el = document.querySelectorAll('ul li button'); 
 
for (var i = 0; i < el.length; i++) { 
  el[i].addEventListener('click', (e) => { 
    obj.id = e.target.id; 
    obj.name = e.target.name; 
    console.log(obj); 
  }); 
}

<ul> 
  <li><button name="button1" id="1">ButtonOne</button></li> 
  <li><button name="button2" id="2">ButtonTwo</button></li> 
</ul>

Answer 2

Mне удалось найти решение, вот как оно выглядит

[...document.getElementsByClassName('btn-view')].reduce((a, c, i ) => (a['H' + i + ' - h ' + i] = {name: c.name, id: c.id}, a), {}); console.log(objData);