单击以隐藏任何元素

时间:2018-01-03 02:49:36

标签: javascript

我只是想编写一些简单的javascript代码来隐藏我点击的网页中的任何元素。我将使用此代码作为书签或在控制台中。

到目前为止,我已经编写了以下代码

var deleteLinks = document.querySelectorAll('.myelement');

Array.from(deleteLinks).forEach(link => {
    link.addEventListener('click', function(event) {
console.log("hi");
             event.preventDefault();
this.remove();

    });
});

以上代码的作用是当我点击任何元素时它只是隐藏它。但我需要做以下事情。

  • 我需要在我点击的所有元素上防止默认。(In my case my code works only when I click class .myelement)
    • 如果我有多个具有相同类或ID的元素,则应隐藏或删除所有元素

我尝试了下面的代码,但它获取了body类名,如何获取当前元素的类名。

var deleteLinks = document.querySelectorAll('body');

Array.from(deleteLinks).forEach(link => {
    link.addEventListener('click', function(event) {
              event.preventDefault();
console.log(this.className);

    });
});

1 个答案:

答案 0 :(得分:1)

这是工作样本。

代码段

dotnet nuget push packagename.nupkg --source mysource --api-key mykey

小提琴: https://jsfiddle.net/3fgc5uhv/5/