问题标签 [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.
javascript - 用innerHTML设置数据不能用querySelector带数据
我像上面那样设置 HTML 数据,然后我在获取数据时遇到了麻烦。我想像querySelector
下面这样使用 span 及其 id:
但我什么也得不到,所以我不得不做一些疯狂的工作,比如:
这不是来自示例代码,而是因为这是最糟糕的,所以我想以此作为示例。
javascript - 相邻兄弟选择器 element.querySelector("+element") 无效
这个简单的代码将起作用:
但我真正的问题是:
CSS:
我只想得到<a>
它旁边的兄弟,<ul>
after <a>
,它a + ul
在 css 中
重点在这里:
现在,我在这里做了什么:首先,我选择所有<a>
里面的<nav>
. 然后使用for()
循环并将mouseenter
事件放入所有选定的<a>
. 当用户将鼠标悬停在 上时<a>
,mouseenter
确切知道哪个<a>
是悬停。现在问题来了:我想选择a + ul
hovered <a>
。
我试过这个:
给我一个 null
价值
给我 SyntaxError: 'file:///C:/Users/path/path/thisPage.html + ul' is not a valid selector
给我 SyntaxError: '+ul' is not a valid selector
我怎样才能解决这个问题?.querySelector()
继续选择但使用相邻兄弟标签的正确做法是什么?
javascript - 通过 createElements 和 querySelector 创建 DOM 元素
我收到此错误消息:
'键未定义'
我正在尝试使用包含表格行、单元格和数据的 createElement 创建新的 DOM 节点。该行必须包含以下单元格:ISBN 编号、标题、商品价格、数量和计算的总价(item price * quantity)
。
使用 appendChild 将每个新节点附加到 DOM 片段。
javascript - 未捕获的类型错误:无法读取 null 的属性“querySelector”(我不想使用 getElementsByClassName)
我正在学习javascript,我试图制作一个脚本来触发弹出窗口,但它不起作用。有任何想法吗?谢谢你的帮助。
javascript - 如何为以下代码编写 document.querySelector
我在编写document.querySelector
以下代码时遇到了困难。目前我已经编写了这段代码,querySelector
但它并不包含所有内容......
请帮我改进一下,谢谢。
编辑:由于似乎有些混乱,让我详细说明。我希望所有元素,从 div、a、img到所有内容都包含在 querySelector 中。
编辑 2 - 因为需要更多代码(根据需要删除/添加 href 元素)...
reactjs - 如何测试 div 元素的内部文本
我正在尝试使用反应测试库在此处找到测试 div 元素的 textContent 的最佳实践。
假设我想测试这个简单的反应组件,看看是否{props.text}
在 HTML DOM 上正确呈现。
我尝试使用getByText
,然后进行测试,expect(getByText('text passed as prop')).toBeDefined()
但它似乎无法正常工作。
如果我为第一个添加一个 className 或 id 肯定会容易得多,那么我<div />
可能可以直接使用querySelector
,但是如果我不想在这里添加任何 HTML 属性怎么办?如何正确定位此元素?
有没有办法找到第一个没有属性的元素并测试它的内部文本?
javascript - querySelectorAll 返回 null
我正在尝试选择所有 P 标签,但是当我控制台日志时它返回零。任何想法为什么?
结果是空节点列表
我的html:
javascript - Sizzle 和 document.querySelectorAll 有什么区别
据我所知,SizzlequerySelector/querySelectorAll
是 CSS 选择器。所以...加载 Sizzle 和做有什么区别:
和
另外,我知道 Sizzle 返回一个元素数组,而 querySelectorAll 返回一个 NodeList(在大多数浏览器中)。我也知道您需要加载 Sizzle 并且只能document.querySelector
用于一个元素。
那么在性能上还有其他区别吗?
编辑:我的问题只是关于 Sizzle 选择器引擎(和querySelectorAll
)。请不要涉及 jQuery。
javascript - 使用自定义标签/属性滚动到 elem
我正在尝试使用自定义标签和属性滚动到元素
我有以下代码:
这就是我所做的:
- 将 onclick 事件注册到功能滚动条。
- 函数滚动器根据提供的参数找到元素并执行应该使滚动发生的函数scrollToElem。
这不起作用,没有引发错误并且确实执行了功能,所以我猜我的滚动功能坏了。
javascript - 如何选择具有相同类名的 javaScript 中的所有类?
你能帮我解决这个问题吗?第一个 div 的 bg-color 只是在改变,但其余的不起作用帮助我解决这个问题!