Javascript 从document.selector获取已单击元素的值

当用户单击元素（标签）时，下面的函数“addTab”将创建新的选项卡，并在其中添加iframe，以及如何从标签传递/获取函数“addTab”中的值/id

 <label data-add-tab id="my_IdValue">my_IdValue</label>

 <script>
   var newTabs = new NewTabs()
   document.querySelector('label[data-add-tab]').addEventListener('click', _ => {
    newTabs.addTab({
      title: 'New Tab',
      favicon: false
    })
  })
</script>

my_id值
var newTabs=新的newTabs（）
document.querySelector（'label[data add tab]'））.addEventListener（'click'，\u0=>{
newTabs.addTab({
标题：“新建选项卡”，
favicon:错
})
})

---

感谢您的帮助

只需从事件对象获取它，在您的情况下，它就是

<script>
  var newTabs = new NewTabs()
  document.querySelector('label[data-add-tab]').addEventListener('click', _ => {
    var id = _.target.id
    newTabs.addTab({
      title: 'New Tab',
      favicon: false
    })
  })
</script>

var newTabs=新的newTabs（）
document.querySelector（'label[data add tab]'））.addEventListener（'click'，\u0=>{
变量id=\ u0.target.id
newTabs.addTab({
标题：“新建选项卡”，
favicon:错
})
})

我要补充的是，u经常被用来暗示参数不重要，在这里它确实重要，所以它很可能应该被重命名为eventyes它可以被重命名为

e

，

事件

或者开发者想要的任何东西，

箭头函数

应该在

这个

重要：）人造丝的这种用例中避免使用，在事件侦听器中，使用

this

获取元素实例是一种不好的做法，因为此侦听器可以附加到类方法中，您可能希望使用

this

引用类，谢谢，这非常有效！，我可以在同一个脚本中调用一个名为opencity（value）的脚本的最重要部分的函数吗？可能是..

document.querySelector（'label[数据添加选项卡]）.addEventListener（'click'，函数（{console.log（this.id）；}）如果不需要
箭头功能