查詢 polymer 3 頁面中的所有元素（queryselectorall）由於陰影元素而無法工作

Question

以前我使用 polymer 1，對於一些自定義驗證，我使用以下代碼和 queryselectorAll 來獲取所有無效元素

            var _formTag = this.$$("request-details").$$("#newForm");
           _array = Array.prototype.slice.call(_formTag.querySelectorAll(":invalid"),0);

現在，我正在升級到 polymer 3，它不適用於 queryselectorAll，因為所有無效輸入現在都用 shadowroot 包裝。 使用 id 逐個處理元素並遍歷 shadow root 將很困難，因為我們有更多的按需表單元素。 建議我獲取頁面中所有無效元素的任何想法。

Answer 1

您可以獲取該表單中需要驗證的所有元素，然后過濾無效的元素，如下所示

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