按属性/属性查找元素 [英] Finding Element By Property/Attribute

问题描述

以下是

Given the following

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

如何在JScript中获得xyz =Bravo ，
除了创建一个 getElementsByTagName（）循环，
和测试每个返回的元素吗？

how can I get the row having xyz = "Bravo" in JScript, aside from just creating a getElementsByTagName() loop, and testing each returned element for it?

是 xyz 属性还是属性？

Is xyz an attribute, or a property?

推荐答案

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

No xyz isn't a valid attribute or property, but data attributes introduced in HTML5 are valid .

您可以像这样使用它们：

You can use them like this:

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

然后您可以使用 .querySelector（）
$ b

Then you can use .querySelector() to find a particular element.

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

如果您想将搜索范围限制为tr，请执行此操作：

If you want to limit searching to tr alone, then do this:

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

这篇关于按属性/属性查找元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！