正文 

当前位置： 首页 > 源码 >

如何获取页面上除div之外的所有元素[重复]

     2023-02-21     46

关键词：

【中文标题】如何获取页面上除div之外的所有元素[重复]【英文标题】：How to get all elements on a page except div's [duplicate] 【发布时间】：2021-09-15 09:20:13 【问题描述】：

所以我试图将一些 css 应用到页面上的每个元素，但我不希望 css 应用到 div。我目前正在使用document.getElementsByTagName("*") 来选择每个元素，但据我所知，无论如何都没有过滤掉某种元素类型。我想我找到了一些我想要的代码，但它使用的是 jQuery，我不想在这个项目中使用它。有人知道怎么做吗？

【问题讨论】：

欢迎来到 Stack Overflow！请访问help center，以tour 了解内容和How to Ask。做一些研究，搜索关于SO的相关主题；如果您遇到困难，请发布您尝试的minimal reproducible example，注意输入和预期输出，最好在Stacksnippet 【参考方案1】：

您可以使用下面的选择器来选择 body 的所有子元素，而不是 div

body *:not(div)

或

body :not(div)


const allExceptDiv = document.querySelectorAll("body *:not(div)");

allExceptDiv.forEach(el => el.classList.add("highlight"))
.highlight 
  background: yellowgreen;

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>

<div>This is div</div>

<p> This is para </p>

【讨论】：

【参考方案2】：

你可以使用非选择器

 body :not(div) 
     color: red;
 

<html><body>
<div>Hello</div>
<a>World</a>
</body></html>

记得包含body，否则body 也将被视为应具有color: red 样式的元素。

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/:not

【讨论】：

如何禁用表单上除按钮之外的所有控件？

】如何禁用表单上除按钮之外的所有控件？【英文标题】：Howtodisableallcontrolsontheformexceptforabutton?【发布时间】：2012-11-0622:07:46【问题描述】：我的表单有数百个控件：菜单、面板、拆分器、标签、文本框，应有尽有。有没有办... 查看详情

将除一个元素之外的所有元素设置为暗色背景

...发布时间】：2014-09-0214:56:11【问题描述】：希望通过调暗页面上除一个元素之外的所有元素（或更改其不透明度）来实现调暗背景效果；我一直在尝试:not()以及一些jQuery选择器来尝试排除除元素之外的所有元素，但无济于事。有... 查看详情

如何获取页面上的所有的标签元素？排除重复的。

这个问题应该这样比较好：如何统计页面上用了多少HTML标签元素。这是我在知乎live上看到的问题，后来讨论了这个https://www.zhihu.com/question/53175578很多人给出了答案，but，我思来想去也觉得很简单啊，写代码的时候发现完全不知... 查看详情

如何选择除最后一个子元素之外的元素的所有子元素？

】如何选择除最后一个子元素之外的元素的所有子元素？【英文标题】：HowcanIselectallchildrenofanelementexceptthelastchild?【发布时间】：2011-02-0403:18:02【问题描述】：如何使用CSS3选择器选择除最后一个子元素之外的所有子元素？例如... 查看详情

如何选择除最后一个子元素之外的元素的所有子元素？

】如何选择除最后一个子元素之外的元素的所有子元素？【英文标题】：HowcanIselectallchildrenofanelementexceptthelastchild?【发布时间】：2011-02-0403:18:02【问题描述】：如何使用CSS3选择器选择除最后一个子元素之外的所有子元素？例如... 查看详情

如何使用 jQuery 选择除过滤器元素之外的所有子元素

】如何使用jQuery选择除过滤器元素之外的所有子元素【英文标题】：HowdoIusejQuerytoselectallchildrenexceptafilterelement【发布时间】：2019-11-2509:24:31【问题描述】：我有一个主div。我想在主div中选择所有，除了开始div并且它都是子元素（... 查看详情

如何使用jQuery在某些特定div中选择具有相同名称的所有元素[重复]

】如何使用jQuery在某些特定div中选择具有相同名称的所有元素[重复]【英文标题】：HowtoselectallelementswithsamenameinsidesomespecificdivusingjQuery[duplicate]【发布时间】：2014-02-2401:15:59【问题描述】：我们有两个div：如何选择“div2”内的name... 查看详情

获取具有特定名称掩码的所有 DOM 元素 [重复]

...几个元素。其中一些有这样的名称IDcomponent1,component2等。如何使用jquery获取所有这些元素（名称以component开头的元素）？【问题讨论】：api.jquery.com/?s=st 查看详情

jquery如何获取div中li元素

1、通过过滤器获取li数组var lis = $('div li');//表示获取div下所有的直接或者非直接li节点。2、循环lis方式获取每个li元素for(var i=0;i<lis.length;i++)   var li = lis[i];//获取每个li元素参考技... 查看详情

如何获取输入数组元素jquery的所有值[重复]

】如何获取输入数组元素jquery的所有值[重复]【英文标题】：Howtogetallthevaluesofinputarrayelementjquery[duplicate]【发布时间】：2014-08-2115:15:19【问题描述】：这是我的html输入元素<inputtype="text"name="pname[]"value=""/><inputtype="text"name="pna... 查看详情

选择除 div 之外的所有元素不适用于 jQuery

】选择除div之外的所有元素不适用于jQuery【英文标题】：SelectingallelementsexceptfordivnotworkingwithjQuery【发布时间】：2019-04-2911:20:07【问题描述】：我正在尝试选择文档中除#private_chat_menu元素之外的所有元素，并为其附加mouseup触发功... 查看详情

XPath 获取除具有特定名称的子元素之外的所有子元素？

...thspecificname?【发布时间】：2011-05-0612:17:37【问题描述】：如何定位文档中的所有元素除了特定元素名称？例如，我想排除terminate元素。它们可以在整个文档中出现。<root><terminateattr="1"/><other& 查看详情

选择除两个 id 之外的所有正文元素 [重复]

】选择除两个id之外的所有正文元素[重复]【英文标题】：Selectallbodyelementsexcepttwoids[duplicate]【发布时间】：2020-03-0716:30:46【问题描述】：我需要选择除两个id之外的所有正文元素并将css规则应用于它们。我正在使用此代码，它适... 查看详情

如何获取 Angular 2 中 div 中所有元素的引用？

】如何获取Angular2中div中所有元素的引用？【英文标题】：HowtogetthereferenceofallelementsinadivinAngular2?【发布时间】：2018-10-2415:23:23【问题描述】：我有一个带有10个HTML元素的div。我怎样才能获得所有这10个元素的引用并在单击时在它... 查看详情

如何使用PHP从元素中获取包含内容的所有标签[重复]

】如何使用PHP从元素中获取包含内容的所有标签[重复]【英文标题】：HowtogetalltagswithcontentfromanelementusingPHP[duplicate]【发布时间】：2022-01-1115:54:59【问题描述】：是否可以使用PHP（DOMDocument类）获取所有带有内容的HTML元素（子元素... 查看详情

如何获取 div 元素的所有子输入（jQuery）

】如何获取div元素的所有子输入（jQuery）【英文标题】：Howtogetallchildinputsofadivelement(jQuery)【发布时间】：2011-01-2501:16:54【问题描述】：HTML：<divid="panel"><table><tr><td><inputid="Search_NazovProjektu"type="text"value=""/& 查看详情

获取在 div 元素中被选中的子元素 [重复]

...ment[duplicate]【发布时间】：2015-05-1215:42:13【问题描述】：如何获取从我的div中选中的单选按钮这是我的jquery，但c返回未定义$(\'#SpaceType\').change(function()varkids=$(this).children();$(ki 查看详情

使用 :not(selector) 选择除少数之外的所有元素 [重复]

】使用:not(selector)选择除少数之外的所有元素[重复]【英文标题】：Selectallofoneelementexceptafewusing:not(selector)[duplicate]【发布时间】：2018-10-1908:03:00【问题描述】：我正在尝试选择除前3个之外的所有“类”类。我不确定为什么我的语... 查看详情