javascript - 如何在 JavaScript 中使用它？

Question

在 jQuery 中我们使用:

$("p").click(function(){$(this).hide();});

在上面的语句中，this 非常重要，因为它只隐藏了我们点击的那个p 元素。但是，如果我们在 this 的位置使用 "p"，当我们单击任何一个 时，它将隐藏所有 p 元素>p 元素。

我想知道是否有任何方法可以使用 JavaScript 生成相同的效果。我试过:

document.getElementsByTagName("p").onclick = function(){this.style.display:none;}

和

document.getElementsByTagName("p").onclick = function(){document.getElementsByTagName(this).style.display:none;}

但这些都不起作用。

Answer 1

您需要遍历每个元素，然后使用 addEventListener 将事件附加到它:

var allP = document.getElementsByTagName("p");
for(i=0; i< allP.length; i++) {
    allP[i].addEventListener('click', function () {
      this.style.display = "none";
    });
}

Working Demo