问题标签 [selectors-api]

谁/什么决定如何将 an 的内容object写入console?

有时你会得到对象字面量的可折叠表示，而有时它只是打印DOM结构。

鉴于此 HTML：

如果我们点击console（WebKit/Firebug）：

接着：

它返回：

同时，假设我们有另一个对象，例如：

向控制台询问：

给我们：

我已经多次遇到这种行为，但通常会通过其他方式回避我的好奇心。现在有点痛苦，所以我正在研究它。仅仅是因为有问题的对象是一个DOM元素，而检查员只是在帮助我们吗？

（我意识到我的示例有点奇怪（比较DOM对象和文字），但这是说明问题的最简单/最快的方法。）

使用上一个问题中的一些信息，我可以获得有关每个相关对象的更多信息：

video.constructor返回：

而：guitar.constructor返回：

为什么这有关系？

像这样的情况：

当我必须单独跟踪每个元素（即firstVideo.parentElement.offsetHeight）时，我不能简单地查看这个元素并检查它的属性，这真是太糟糕了。

那么，我的理解差距在哪里——到底发生了什么？

我正在编写一个应用程序，其中我将元素的相对引用存储为适合传递给 querySelector 的 CSS 选择器。当我想存储对“基本”元素的相对引用时，我想要一个选择器来返回相同的元素。

满足以下条件的Level 1 Selectors API中定义的querySelector方法的标识选择器是什么？Element

更新：

由于此选择器不可用，我将使用一个函数包装对 querySelector 的调用，如果选择器等于伪类，则该函数返回上下文元素:root。

我有 3 个对象（div），我想在页面加载后同时转换。为了帮助对此进行动画处理，我使用了一点 javascript，它只与一个对象完美配合，但我不确定如何重写 javascript 以激活所有 3 个对象，使其服从每个对象的单独样式。

我在 Mozilla 开发者网络网站 ( https://developer.mozilla.org/en/CSS/CSS_transitions/ )上找到了“使用过渡事件为对象设置动画”的示例，但不幸的是他们禁用了他们的论坛，所以我不能找到解决办法。

这是基本的 HTML：

我有 2 个带有背景图像的 div，一个表示对象在左侧的样式，而在右侧位置表示对象的样式。

这是一个对象的 CSS：

这里是调用这个对象的 Javascript 并动画它在屏幕上移动，然后再回来：

现在，我想同时转换的另外 2 个元素被命名为 .cloud2Left（和 .cloud2Right）和 .cloud3Left（和 .cloud3Right），每个元素都有自己特定的样式（位置、左侧百分比、转换率等）。

我已经在网上搜索了一个解决方案，并弄乱了 js。我查看了这里和网络，发现了有关选择器以及如何使用多个选择器的信息，但没有运气。我试过使用这样的多个选择器：

和

和 el.className 一样

如果有人有任何想法或知道如何重写 javascript 函数以包含所有 3 个对象（div）并在页面加载后立即让它们同时工作，我将不胜感激。先感谢您。

我正在尝试制作一个适用于多个页面的 js 代码。我正在尝试使用 querySelectorAll() 从 DOM 中获取元素。

我需要订购元素。为此，我可以使用 xPath 或选择器（我更喜欢使用选择器，但 xPath 也可以）。问题是：
querySelectorAll() 返回的 NodeList 中的元素是否按照标签在 HTML 中出现的顺序排列？

注意：我想添加标签：querySelectorAll

For example, I need to have a list of all tags that have id attribute set (it could be any other attribute, id is just an example).

有没有办法使用querySelectoror进行通配符元素名称匹配querySelectorAll？

我试图解析的 XML 文档基本上是一个简单的属性列表

• 我需要找到名称中包含某些字符串的元素。
• 我在属性查询中看到了对通配符的支持，但对元素本身却没有。

除了回到使用明显已弃用的 XPath（IE9 放弃它）之外的任何解决方案都是可以接受的。

我如何测试 CSS1-3 选择器以检查它们是否获得了正确的元素，例如使用 JavaScript（可能是 jQuery）？

我正在尝试从网页中删除不必要的元素querySelectorAll，但这似乎不适用于Opera Mobile 11.5。在将脚本放到手机上之前，我已经在 PC 上试用了这些脚本。

Mozilla 的文档令人困惑，因为有两页关于此功能的内容，一页说兼容，另一页说不兼容。

有解决这个问题的方法吗？我是否需要在我制作的这些脚本中实现其他库？

这是我想做的事情：

我正在尝试使用该querySelectorAll()方法来获取网页中的链接，但我想忽略以“javascript:”开头的链接或使用其他协议，如“itpc://”

有没有办法将这些包含在“not()”伪选择器中？

尽管第一种方法在当前页面上运行良好，但不能保证它会在我将使用它的每个页面上运行，所以我真的希望能够检测到那个冒号。

querySelector 的 jQuery 等价物是什么？到目前为止，我发现的唯一方法是选择所有然后选择第一个选择：

使用上面的表达式，jQuery 是否足够聪明，可以在找到第一个匹配项后停止？

更新：@Mutnowski 建议使用 eq() 和 first，但是在阅读 jQuery 文档之后，这两种方法似乎有相同的缺点：jQuery 将首先获取所有匹配项，然后只过滤掉第一个元素。