当前位置: 首页 > 面试题库 >

JavaScript根据属性值在DOM中查找元素

师建德
2023-03-14
问题内容

您能告诉我是否有DOM API搜索具有给定属性名称和属性值的元素

就像是:

doc.findElementByAttribute("myAttribute", "aValue");

问题答案:

更新:
在过去几年中,情况发生了巨大变化。现在,您可以可靠地使用querySelectorquerySelectorAll,有关如何执行操作。

现在不需要jQuery依赖项。如果您使用的是jQuery,那就太好了……如果您不使用jQuery,则不必再依赖于仅通过属性选择元素了。

在Vanilla javascript中,执行此操作的方法不是很短,但是有一些可用的解决方案。

如果可以选择像jQuery这样的库,则可以更轻松一些,例如:

$("[myAttribute=value]")

如果该值不是有效的CSS标识符(其中包含空格或标点符号等),则需要在该值两边加上引号(它们可以是单引号或双引号):

$("[myAttribute='my value']")

你也可以做start-withends-withcontains等…。



 类似资料:
  • 问题内容: 我有一些如下所示的元素: 如何向属性值为(零)的元素添加类? 我尝试了许多不同的解决方案,但没有任何效果。一个例子: 任何的想法? 问题答案: 使用属性等于选择器 它在树上起作用 获取当前匹配元素集中每个元素的后代,并通过选择器,jQuery对象或元素进行过滤。

  • 问题内容: 我有一些如下所示的元素: 如何向属性值为(零)的元素添加类? 我尝试了许多不同的解决方案,但没有任何效果。一个例子: 任何的想法? 问题答案: 使用属性等于选择器 它在树上起作用 获取当前匹配元素集中每个元素的后代,并通过选择器,jQuery对象或元素进行过滤。

  • 本文向大家介绍jquery根据属性和index来查找属性值并操作,包括了jquery根据属性和index来查找属性值并操作的使用技巧和注意事项,需要的朋友参考一下

  • 问题内容: 我需要通过对象引用在其容器内找到元素的索引。奇怪的是,我找不到简单的方法。请不要jQuery-只有DOM。 是的,我可以为每个元素分配ID并遍历所有节点以匹配ID,但这似乎是一个不好的解决方案。没有更好的东西吗? 因此,就像上面的示例一样,我有一个对第三个LI的对象引用。我怎么知道它是索引2? 谢谢。 问题答案: 您可以使用。为此,我们需要在某种程度上“铸成” true 。例如: 然后

  • 问题内容: 量角器1.7.0引入了一项新功能:新的定位器,可帮助您在 影子DOM中 查找元素。 它涵盖哪些用例?您什么时候想要到达影子DOM中的元素? 我问这个问题的原因是,我在事情的动机部分上不见了- 我想到量角器主要是作为一个有助于模仿实际用户交互的高级框架。访问影子树听起来像是一项非常深入的技术工作,为什么您要这样做却使我感到困惑。 问题答案: 为了回答您的问题,这里有一个相关的问题:“ s

  • 量角器1.7.0引入了一个新特性:一个新的定位器,它有助于查找阴影DOM中的元素。 它涵盖哪些用例?您希望何时访问阴影DOM中的元素? 我问这个问题的原因是我错过了这个问题的动机部分——我认为量角器主要是一个有助于模仿真实用户交互的高级框架。访问阴影树听起来像是一件非常深入的技术事情,你为什么要这么做让我困惑。