问题标签 [selectors-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
922 浏览

css-selectors - CasperJS querySelectorAll id 以特定字符串开头

如何获取以 ID 开头的所有 DIV div-gpt-ad

这是行

我的页面上有多个 ID 以开头的 div,div-gpt-ad我想全部获取它们。

0 投票
1 回答
2489 浏览

javascript - QuerySelectorAll 可以处理动态添加的内容吗?

我正在尝试在动态内容上应用 querySelectorAll。
我正在实现如下代码:

这些标签是在页面上动态创建的。QuerySelectorAll 不适用于这两个标签。

我的问题是我试图在这两个 div 上应用代码,但是如果这些标签是静态的,querySelectorAll 可以工作,但是如果我动态创建这两个 div,它们就不能工作。

我已经从 HTML5 拖放 API 参考[链接]应用了这段代码:http: //www.html5rocks.com/en/tutorials/dnd/basics/

提前致谢...!!!

0 投票
2 回答
37308 浏览

javascript - querySelectorAll 不起作用

我有一个要求,我必须.div在容器中提取最后一个并对其应用一些业务逻辑。最后一个的选择.div必须是动态的,因为用户可以选择添加/删除.div元素。

最初我尝试过,querySelectorAll但它似乎没有用。因此,我决定将其更改为getElementsByClassName,令人惊讶的是,它使用了相同的逻辑。有人可以帮我解释为什么remove_div第二个(remove_div_2)不起作用的原因吗?

注意:我不是在寻找问题的修复/解决方案,因为我已经开始使用第二个选项。我只想知道选项 withquerySelectorAll不起作用的原因。

下面是我的代码:

HTML:

JavaScript:

0 投票
2 回答
3789 浏览

javascript - Array.prototype.slice.call() & wrapper.querySelectorAll() 有什么作用?

我在 js 插件中发现了以下锥体

我无法理解上面代码中的作用Array.prototype.slice.call()和作用。wrapper.querySelectorAll( 'section' )我以前没有见过他们,所以我想知道他们实际上做了什么。

0 投票
1 回答
2642 浏览

javascript - 带有伪类的 document.querySelectorAll :hover 在 FF 或 IE 中不起作用

我想获取光标下的元素。当我使用document.querySelectorAll(":hover");时,它在 Chrome 中运行良好,但在 Firefox 或 IE 中不起作用。

可能是因为我在 Google 地图的 eventListener 中使用了它。这里我如何使用它。

在 Chrome 中,它为我提供了我用光标悬停的元素的 id,但在 IE 或 FF 中我什么也得不到。

0 投票
4 回答
4567 浏览

javascript - 如何使 querySelectorAll 仅从当前元素的子元素中选择

我要问的是如何用HTML5 的querySelector/querySelectorAll 实现jQuery 的children() 的等效功能,即如何在选择器模式中指定当前元素。

例如:

document.getElementById('foo').querySelectAll('div.bar')三个divs 都会被选中。如果我只想获取 div1 和 div2,而不是 div1 的子 div1.1,该怎么办?我如何编写[[current node]] > div.bar像 css 选择器一样的东西?

有人可以对此有所了解吗?

0 投票
1 回答
270 浏览

javascript - 查询不包含块引用的节点的选择器

我正在尝试找出以下标记的选择器。我想要所有节点,除了包含 blockquote 的节点。将<blockquote>始终是 a 的直接子代,<div>而后者将是<body>标记的直接子代。

示例 HTML:

预期结果:

尝试的选择器:

我尝试了上述方法,但我无法在选择器中放置直接子选择:not()器。这是失败尝试的小提琴

我目前不是,也不能使用 jQuery。

0 投票
1 回答
417 浏览

javascript - Queryselector() 在 JavaScript 模块模式中返回 null

我创建了一个包含一个变量的模块,该变量通过 DOM 的 querySelector 查找 html 元素。但是,var expoElement 返回“null”。有什么想法吗?

0 投票
1 回答
2748 浏览

javascript - Javascript 悬停在 querySelectorAll 上

这样的事情如何工作:

http://jsfiddle.net/rc6Pq/10/

我想将鼠标悬停在“BUTTON HOVER”上,然后用“wow”和“lol”的不同颜色的属性“code”显示这些元素。

提前致以问候和感谢!

0 投票
6 回答
115694 浏览

javascript - 使用带有数字 ID 的 querySelector

据我了解,HTML5 规范允许您使用像这样的数字 ID。

我可以使用getElementById但不能使用querySelector. 如果我尝试执行以下操作,我会在控制台中得到SyntaxError: DOM Exception 12 。

querySelector我只是好奇为什么当 HTML5 规范说这些数字有效时,使用数字作为 ID 不起作用。我尝试了多个浏览器。