问题标签 [queryselector]

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 投票
3 回答
60 浏览

javascript - 用innerHTML设置数据不能用querySelector带数据

我像上面那样设置 HTML 数据,然后我在获取数据时遇到了麻烦。我想像querySelector下面这样使用 span 及其 id:

但我什么也得不到,所以我不得不做一些疯狂的工作,比如:

这不是来自示例代码,而是因为这是最糟糕的,所以我想以此作为示例。

0 投票
1 回答
635 浏览

javascript - 相邻兄弟选择器 element.querySelector("+element") 无效

这个简单的代码将起作用:

但我真正的问题是:

CSS:

我只想得到<a>它旁边的兄弟,<ul>after <a>,它a + ul在 css 中

重点在这里:

现在,我在这里做了什么:首先,我选择所有<a>里面的<nav>. 然后使用for()循环并将mouseenter事件放入所有选定的<a>. 当用户将鼠标悬停在 上时<a>mouseenter确切知道哪个<a>是悬停。现在问题来了:我想选择a + ulhovered <a>


我试过这个:

给我一个 null 价值

给我 SyntaxError: 'file:///C:/Users/path/path/thisPage.html + ul' is not a valid selector

给我 SyntaxError: '+ul' is not a valid selector

我怎样才能解决这个问题?.querySelector()继续选择但使用相邻兄弟标签的正确做法是什么?

0 投票
2 回答
72 浏览

javascript - 通过 createElements 和 querySelector 创建 DOM 元素

我收到此错误消息:

'键未定义'

我正在尝试使用包含表格行、单元格和数据的 createElement 创建新的 DOM 节点。该行必须包含以下单元格:ISBN 编号、标题、商品价格、数量和计算的总价(item price * quantity)

使用 appendChild 将每个新节点附加到 DOM 片段。

https://jsfiddle.net/51hLym9t/2/

0 投票
0 回答
41 浏览

javascript - 未捕获的类型错误:无法读取 null 的属性“querySelector”(我不想使用 getElementsByClassName)

我正在学习javascript,我试图制作一个脚本来触发弹出窗口,但它不起作用。有任何想法吗?谢谢你的帮助。

0 投票
4 回答
150 浏览

javascript - 如何为以下代码编写 document.querySelector

我在编写document.querySelector以下代码时遇到了困难。目前我已经编写了这段代码,querySelector但它并不包含所有内容......

请帮我改进一下,谢谢。

编辑:由于似乎有些混乱,让我详细说明。我希望所有元素,从 div、a、img到所有内容都包含在 querySelector 中。

编辑 2 - 因为需要更多代码(根据需要删除/添加 href 元素)...

0 投票
1 回答
7675 浏览

reactjs - 如何测试 div 元素的内部文本

我正在尝试使用反应测试库在此处找到测试 div 元素的 textContent 的最佳实践。

假设我想测试这个简单的反应组件,看看是否{props.text}在 HTML DOM 上正确呈现。

我尝试使用getByText,然后进行测试,expect(getByText('text passed as prop')).toBeDefined()但它似乎无法正常工作。

如果我为第一个添加一个 className 或 id 肯定会容易得多,那么我<div />可能可以直接使用querySelector,但是如果我不想在这里添加任何 HTML 属性怎么办?如何正确定位此元素?

有没有办法找到第一个没有属性的元素并测试它的内部文本?

0 投票
0 回答
25 浏览

javascript - querySelectorAll 返回 null

我正在尝试选择所有 P 标签,但是当我控制台日志时它返回零。任何想法为什么?

结果是空节点列表

我的html:

0 投票
2 回答
492 浏览

javascript - Sizzle 和 document.querySelectorAll 有什么区别

据我所知,SizzlequerySelector/querySelectorAll是 CSS 选择器。所以...加载 Sizzle 和做有什么区别:

另外,我知道 Sizzle 返回一个元素数组,而 querySelectorAll 返回一个 NodeList(在大多数浏览器中)。我也知道您需要加载 Sizzle 并且只能document.querySelector用于一个元素。

那么在性能上还有其他区别吗?

编辑:我的问题只是关于 Sizzle 选择器引擎(和querySelectorAll)。请不要涉及 jQuery。

0 投票
0 回答
30 浏览

javascript - 使用自定义标签/属性滚动到 elem

我正在尝试使用自定义标签和属性滚动到元素

我有以下代码:

这就是我所做的:

  1. 将 onclick 事件注册到功能滚动条。
  2. 函数滚动器根据提供的参数找到元素并执行应该使滚动发生的函数scrollToElem。

这不起作用,没有引发错误并且确实执行了功能,所以我猜我的滚动功能坏了。

0 投票
1 回答
372 浏览

javascript - 如何选择具有相同类名的 javaScript 中的所有类?

你能帮我解决这个问题吗?第一个 div 的 bg-color 只是在改变,但其余的不起作用帮助我解决这个问题!