按属性/属性查找元素

Question

鉴于以下内容

  ...
     <tr xyz="Alpha"> ... </tr>
     <tr xyz="Bravo"> ... </tr>
     <tr xyz="Delta"> ... </tr>
  ...

如何在JScript中获取具有xyz =“Bravo”的行， 除了创建一个getElementsByTagName()循环， 并为它测试每个返回的元素？

xyz是属性还是属性？

Answer 1

否xyz不是有效的属性或属性，但HTML5中引入的数据属性是有效的。

您可以像这样使用它们：

     <tr data-xyz="Alpha"> ... </tr>
     <tr data-xyz="Bravo"> ... </tr>
     <tr data-xyz="Delta"> ... </tr>

然后您可以使用.querySelector()查找特定元素。

document.querySelector('[data-xyz="Bravo"]');

如果您想限制单独搜索tr，请执行以下操作：

document.querySelector('tr[data-xyz="Bravo"]');