Javascript：查找所有网格列名称

Question

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

基本上是尝试将所有网格列名称收集到一个数组中，以进行自动化测试。

资源：

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));