问题标签 [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 回答
543 浏览

javascript - 如何将存储在数组中的值作为 textContent 或 innerText 添加到具有相同类名的 div 元素

我希望将存储在数组中的值添加到带有 className .score 的 div 元素中。有 12 个元素和 12 个值。示例第一个元素:<div class="score">15<div>等等。我尝试的代码将数组的最后一个值添加到所有元素中,这当然不是我想要的。谢谢。

0 投票
1 回答
137 浏览

javascript - Discord bot .js 查询选择器

我正在尝试在我的不和谐机器人中实现 js 代码。因此,我在网上获取了一些代码来尝试它是否正常工作,现在,我正在尝试像这样使用 queryselector:

但我有这个错误

有人可以帮我调试一下并使用https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/first-splash/number-guessing-game 中的代码。我的机器人的html ?我来试试它是如何工作的,谢谢

0 投票
2 回答
1518 浏览

angular - 为什么 scrollIntoView() 仅适用于视图参考?

我正在尝试将 scrollIntoView() 用于我的 Angular 2 项目。我有一个带有溢出的容器 div,当数据到达组件时它会增长,我需要在数据到达时滚动到 div 的底部。如果我使用一个按钮并通过它传递引用,这工作正常。

例子:

在组件中:

问题是我不想使用按钮,我需要在组件内调用 scrollTo 函数。我曾尝试使用 @ViewChildren、document.querySelector 和 document.getElementById,但没有任何效果。

例子:

1)

在函数中:

2)

3)

在所有情况下,如果我通过控制台打印元素,结果都是一样的:

但是滚动只能通过按钮滚动到容器 div 的底部。

附加数据:该项目是 PowerPoint 的 VSTO 加载项,它应该在 IE11 上运行。谢谢你的帮助。

0 投票
2 回答
62 浏览

javascript - 使用 puppeteer 查询选择器仅从具有相同类的相同元素中获取特定元素

我想制作一个网站刮板,但该网站有多个具有相同分类的元素等。

蓝点 = 必填信息

我想从蓝点收集信息。<tr></tr>请注意,奇数类和偶数类有多个。照片上的示例仅显示了每个示例,但我想指出它们的相似之处。

所以..基本上我遇到的问题是,如果有另一个具有相同样式和类的元素,木偶操作者将如何知道要获取哪些信息?

0 投票
1 回答
61 浏览

angular - querySelectorAll 不能与 Angular 一起使用,但可以在控制台中使用

我有一个包含一些复选框的 div,我想使用这些复选框来访问这些复选框, querySelectorAll但它似乎在 Angular 中不起作用,尽管它在控制台中起作用。

但是当我打开 cosole 并运行document.querySelectorAll('[name="groups"]').length时,它给了我 192(不是 0)

您可以从这里查看完整代码 https://github.com/goblins-tech/almogtama3/blob/master/src/app/content/editor.ts#L248

注意 使用setTimeout将解决问题,但我不使用它。我只想在 DOM 完全创建后运行代码。

note ngAfterViewChecked运行多次,所以我避免使用它。

在下一步中,我将替换document.querySelectorAllnativeElement.querySelectorAll

0 投票
1 回答
34 浏览

javascript - ::after 修饰符添加的内容的 DOM 选择器

我正在寻找一个 DOM 选择器(读取 css 或 javascript 选择器),它允许我获取由元素的::after修饰符插入的文本。

最小代码示例:

所以换个说法,如何content is now readable使用 javascript/css 选择器获取第一段 ( ) 的内容。

我想排除任何库,因为它们可能不可用,并且正在寻找 vanilla JS 或 CSS 答案。

0 投票
2 回答
91 浏览

javascript - 如何选择相同标签但不同类的多个元素?使用香草 JS

我在一个表单中有 6 个输入,每个输入分别有一个 .first .second .third .fourth .fifth .sixth 类,我想用 vanilla JS 选择它们,但是在尝试使用 getElementsByClassName 和 querySelectorAll 之后,它仍然没有锻炼。

这是我的代码行:

如何选择这些类的所有元素?

提前感谢您提供的任何帮助!

0 投票
1 回答
63 浏览

html - 无法将一些损坏的链接变成合格的链接

我正在尝试在 vba 中创建一个脚本,该脚本将在任何给定网站contact中查找任何链接或contact us链接,以便提供合格的/可用链接。我当前的脚本确实解析了联系链接,但大多数时候它们没有资格在以后重用,这意味着损坏的链接。

到目前为止我已经尝试过:

我得到的输出:

我希望得到的输出:

如何将损坏的链接变成合格的链接?

0 投票
2 回答
75 浏览

javascript - 如何优化 querySelectorAll 记录?

我在下面有一个js代码。问题是 - 是否可以将这些行合并为一个?

例如像这样:

(它实际上不起作用)。

先感谢您!

0 投票
1 回答
67 浏览

javascript - JavaScript 查询选择器失败

任何人都知道为什么 querySelector 不起作用?