查询聚合物3中页面中的所有元素（queryselectorall）由于阴影元素而无法正常工作

2024-05-10 • 问答

以前，我使用聚合物1，为了进行一些自定义验证，我使用了带有queryselectorAll的以下代码来获取所有无效元素

$("#search-box").focusout(function(){
  $("#header-logo").removeclass("hide");
});

现在，我正在升级到聚合物3，它不能与queryselectorAll一起使用，因为所有无效输入现在都被shadowroot包裹了。因为我们有更多数量的按需表单元素，所以使用id逐一处理元素并遍历影子根将非常困难。暗示我要获取页面中所有无效元素的想法。

您可以获取该表单中所有需要验证的元素，然后过滤掉无效元素，如下所示

var elements = this.$.newForm._getValidatableElements();
var invalidElements = elements.filter(x => x.invalid);

本文链接：https://www.f2er.com/3161843.html