问题标签 [queryselector]

I am Completely new to JavaScript so this may be really obvious but I am trying to build an Andon system using traffic lights where if the number is above or below a certain number the light will change colour (i.e. > 5 = green). There are nine sets of lights in total, I have successfully made one light change based on the variable by using query select all and then change the opacity.

When i try and do this with the second light nothing happens. I have tried to make it work by naming my div elements in html and CSS differently e.g. "Zcircle", "A1circle"

Link to code pen.

Any help will be greatly appreciated! Thanks

Code

HTML:

CSS

Javascript

（我只知道 HTML、css、javascript。所以不要试图用 jquery 来回答。我不会明白）我希望当我点击 li*s 时消失。但代码无法正常工作。

我使用 Jasmine 在 Angular9 中为我的应用程序进行测试。我在执行应该可以工作的测试时遇到问题。我有一个文件“book-edit.component.html”，其中包含我要测试的页面的视图，特别是这部分：

我想测试这部分代码：如果 title2 包含少于 3 个字母，它会给我错误（它有效，我尝试过没有测试）。因此，我想使用这样的测试来信任它（book-edit.component.spec.ts”：

具有以下组件（book-edit.component.ts）：

当然，我放了“@ViewChild”是为了让测试检测表单上的变化。事实上，在测试中，我试图输入一个少于 3 个字母的名称，只是为了检查是否有错误和消息“标题必须至少有 3 个字符长”。出现。因此，最后我尝试expect(nativeElement.querySelector('.title-group').textContent).toContain('Title must have at least 3 characters long.');检查我的主要 div（在 book-edit.component.html 中）是否还包含错误消息，因为 *ngIf 已满足，但不包含。它不起作用，并且控制台仅捕获“测试”值（通过该 div 清晰显示的文本）而不是“测试标题必须至少有 3 个字符长。”。我调试了代码并检查了表单是否正确初始化（title2：“te”，title2被触摸并且title2无效）但它似乎无法读取由*ngIf解锁的div的包含，

我正在尝试使用 puppeteer 检查网页上是否存在类。例如，假设您想抓取某些数据，并且您知道数据存储在某个类中。要抓取数据，您需要使用类名来抓取它。这是我尝试使用的代码。这没用。

运行代码时出现此错误。

我正在制作一个书单，上面有一个删除按钮。直到 appendChild 的创建元素已经开始工作，问题只是删除按钮。

书籍代码：

删除按钮的代码：

在我有 document.querySelector 类 del-btn 的删除按钮之前，但现在如果我运行此代码：

新创建元素的删除按钮不起作用。有任何解决这个问题的方法吗？谢谢！

我从教程中获取了这段代码，但我不明白 js 函数如何将 QuerySelector() 与要通过模板字符串选择的元素链接起来。

这是HTML：

这是JS：

好吧，我怀疑这部分：
const audio = document.querySelector( audio[data-key="${e.keyCode}"]); const key = document.querySelector( div[data-key="${e.keyCode}"]);

这个怎么运作？为什么他需要把它放在Templete Strings里面？

不知何故，我想直接搜索一些文本？可以使用 querySelector 吗？

大教堂：

我尝试了以下但没有成功。

JS代码：document.querySelector('div[contains("text to")]')=失败

我知道简单的方法，比如：document.querySelector('span.text > span')
我的例子很简单，我知道。我正在寻找类似于 selenium 的解决方案selenium driver.find_element_by_link_text

我想独立搜索元素而不依赖于类或 id，有什么想法吗？

我使用 xhr 编写了一个脚本来解析来自该网站的第一篇文章的链接，然后将link和传递http给一个函数以从它的内页获取标题。重要的是我将 thelink和 the都传递http给函数，以便重用我一开始使用的相同 http。

我的脚本似乎以正确的方式工作，但我不确定我是否以正确的方式完成了整个事情。我感到困惑的原因是当我使用 like 时我得到了结果getHTTP(ByVal Http, ByVal link) As Variant。当我选择getHTTP(ByVal Http, ByVal link) As Stringor时，我什至得到了结果getHTTP(ByVal Http, ByVal link)。此外，我没有明确定义link as String或Http as XMLHTTP60在函数参数内。

我试过（完美地工作）：

为了重用相同的http，在子和函数之间传递http的正确方法是什么？

我一直在 mouseenter 上调用 javascript 函数，如下所示：

它适用于圆柱体和第一个框（HTML 中的第一个框）。但是，我无法指定要悬停在哪个框上来调用该函数，而不是使用querySelector('a-box')I use querySelector('elementID')。

所以我试图 用 JavaScript 改变下面的值。

这是一个预先设计的模板，我不能直接对其进行更改。所以我正在尝试使用 JavaScript，但无法找到一种方法来做到这一点。

为了记录，这是一个日历模板，所以有很多.fc-days。区分每个.fc-day的是data-date属性。
我非常感谢您提前提供的帮助:)