主页 / 问题 / 931978
Accepted
Alisa Bondarchuk
Asked:2020-01-14 20:22:45 +0000 UTC2020-01-14 20:22:45 +0000 UTC

如何将按钮的 id 和名称从 html 传递给 js 对象？

  • 772

热心帮助。我有这样的情况，有两个不同name-s的按钮，id在一个HTML文件中，我需要id把这name两个按钮传给js，并添加到对象中（最好立即实现这个作为传给对象） . 任何帮助都会有所帮助，在此先感谢。

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

2 个回答

  1. Best Answer

    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>

    • 1

  2. 我找不到解决方案，这就是它的样子

    [...document.getElementsByClassName('btn-view')].reduce((a, c, i ) => (a['H' + i + ' - h' + i] = {name: c.name , id: c.id}, a), {}); 控制台日志（objData）；

    • 0

相关问题