有没有办法在 JavaScript 中获取网页中所有段落或标题的引用？

Question

我正在编写一个简单的 Greasemonkey 脚本，以从网页中删除所有图像、标题和段落（这是因为有人想要使用几个流行网站的图像，并在有关网站品牌的演示中删除图像和文本）。我已经弄清楚如何通过使用 for 循环和 document.images 数组来处理图像，如下所示：

var i = 0;
var imglngth = document.images.length;

for(i=0;i<imglngth;i++)
{
    document.images[i].style.display="none";
}

但是，我不相信有一个代表段落或标题的对象。关于如何实现这一点有什么建议吗？

Answer 1

如果标题位于

<h1>

 - 

<h6>

 标签中，您可以使用 DOM API 中的 

getElementsByTagName 方法，以及一个循环来获取从 <h1>

 到 

<h6>

 的所有内容。

for( i = 1; i<= 6; i++ ) { 
    var tag = 'h' + i;
    var heads = document.getElementsByTagName( tag );
    for ( j = 0; j < heads.length; j++ ) { 
        heads[j].style.display = 'none';
    }
}

如果文档不使用标题标签，您可能需要对其样式表进行逆向工程，并做一些更具逻辑性的事情。

当然，手动遍历 DOM API 可能会很痛苦。如果你可以使用像 jQuery 这样的东西，那就更容易了：

$( ':header' ).each( function() { ... } );

Answer 2

使用 jQuery 将非常容易获得所有

<p>

 元素。 

$('p').each(function(){
   // do stuff
});

这里有关 jQuery 和 GreaseMonkey 的一些信息的链接

Answer 3

该研究项目的目的是探讨巴基斯坦司法机构在维护人权方面的多方面作用。通过考察历史背景、宪法框架、挑战、成功和未来前景，本研究旨在全面了解司法机构对该国人权保护的影响。