如果元素没有id,我怎样才能检查哪个元素被点击了?仅使用Javascript

时间:2017-04-25 09:59:03

标签: javascript

我有一个带有两个输入的表单。单击提交时,会发生以下情况:

  1. 创建一个具有两个属性(每个输入一个)的对象。
  2. 每个对象都被推入一个数组。
  3. 创建div,将对象的值放入div的内部HTML中。
  4. 创建一个范围,并附加到div。
  5. 当单击div的跨度时,我希望不再出现该特定div,这意味着应该从数组中删除其值在该div的innerHTML中的对象。

    如何知道点击了哪个范围?

3 个答案:

答案 0 :(得分:1)

在您的事件监听器中,您可以在遇到事件时使用目标属性进行检查。 event.target

答案 1 :(得分:0)

您可以使用document.getElementsByTagName(' span')返回DOM Elements的NodeList。所以对于初学者来说,你将不得不迭代它们并为每个人附加一个处理程序:

var spans = document.getElementsByTagName('span');
for (var i = spans.length - 1; i >= 0; --i)
{
    spans = spans[i];
    // do something to span
    // forexample: spans.onclick = clickHandler;

}

希望有所帮助!!

答案 2 :(得分:0)

  1. 在div上附加'onClick'事件(第3点)。
  2. 然后使用this.event.currentTarget(在这种情况下,您将获得单击的span标记/ div标记)。
  3. 然后使用this.remove()方法删除span标记或父元素。