Javascript - 使用 getElementsByClassName 删除一个元素

Question

我对 JavaScript 不太熟悉，所以我陷入了困境。 我需要从页面中删除第一类元素。

我发现这个脚本删除了所有类元素，但我只需要删除第一个元素。

var collection = window.content.document.getElementsByClassName("Links");

Array.prototype.forEach.call(collection, function(node) {
    node.parentNode.removeChild(node);
});

所以尝试了这个技巧，但没有发挥其魔力

var collection = window.content.document.getElementsByClassName("Links")[0];

也尝试过，但没有结果

var collection = window.content.document.getElementsByClassName("Links");
var requiredElement = collection[0];
Array.prototype.forEach.call(requiredElement, function(node) {
    node.parentNode.removeChild(node);
});

所以这行可能应该有一些东西。

node.parentNode.removeChild(node);

Answer 1

在 forEach 回调函数中，node 只是集合中的每个元素。但由于您现在拥有单个元素而不是元素集合，因此您可以只对该元素执行该操作:

var collection = window.content.document.getElementsByClassName("Links");
var requiredElement = collection[0];
requiredElement.parentNode.removeChild(requiredElement);