如何使用JavaScript隐藏<;h1>;及<;p>;网页中的标签?

如何使用JavaScript隐藏<;h1>;及<;p>;网页中的标签?,javascript,Javascript,如果我的文档中有一堆H1和p标记,并且没有与它们相关联的ID,那么如何使用JavaScript针对特定的p和H1标记?我无法控制页面的创建;因此,我求助于使用JavaScript在客户端进行操作。这听起来是一个令人悲伤的地方,但如果您没有访问权限,您将需要使用以下内容: var pTags = document.getElementsByTagName('p'); for (var i = pTags.length; i--;) { var self = pTags[i]; se

如果我的文档中有一堆H1和p标记,并且没有与它们相关联的ID,那么如何使用JavaScript针对特定的p和H1标记?我无法控制页面的创建;因此,我求助于使用JavaScript在客户端进行操作。

这听起来是一个令人悲伤的地方,但如果您没有访问权限,您将需要使用以下内容:

var pTags = document.getElementsByTagName('p');
for (var i = pTags.length; i--;) {
    var self = pTags[i];
    self.style.display = 'none';
}
但是,这将隐藏所有这些内容,因此您需要过滤掉您确实拥有的内容。你的H1标签也是一样。这不是一个理想的解决方案,因为您可能会遇到进一步的问题

如果您提到一些没有ID属性,可以将其过滤掉:

var pTags = document.getElementsByTagName('p');
for (var i = pTags.length; i--;) {
    var self = pTags[i];
    if (!self.hasAttribute('id')) {
        self.style.display = 'none';
    }
}
  • 按命令
  • 按价值
  • 按星座(所以你知道有一个img bevor,h1或其他东西)
  • var ps=document.getElementsByTagName('p');
    对于(变量i=0,l=ps.length;i

    对h1标记重复上述操作。

    使用
    document.getElementsByTagName(“p”)您可以获取所有段落。您可以使用类、DOM层次结构、元素属性等。您应该发布您正在使用的代码和您尝试过的示例。即使没有ID,您也可以使用CSS选择器。非常感谢所有帮助。为什么下面这行代码不起作用?document.getElementsByTagName('p')[0].style.display='none'我在h1上尝试了这个方法,效果很好。document.getElementsByTagName('h1')[0]。style.display='none'
    
    var ps = document.getElementsByTagName('p');
    
    for (var i = 0, l = ps.length; i < l; i++) {
        ps[i].setAttribute('style', 'display: none');
    }