Javascript：查找所有网格列名称

Question

如何使用 Javascript 找到下面的 role = ColumnHeader，然后找到它下面的 Text 字段（ProductNumber）？

基本上试图将所有网格列名称收集到一个数组中，用于测试自动化。

资源：

Javascript: Select all data-qa attributes on HTML Page

Answer 1

你可以使用querySelectorAll，

 var colHeaders = document.querySelectorAll('[role = ColumnHeader]');

它将使用给定的选择器选择 DOM 中的所有元素。

现在要获取列标题的所有名称，您可以执行以下操作，

var colHeaderNames = [];
document.querySelectorAll('[role = ColumnHeader] > .k-link').forEach(item => colHeadersNames.push(item.innerText));