获取所有具有属性x的元素

get all elements that have attribute x

本文关键字:元素 获取 属性      更新时间:2023-09-26

我在聚合物文档上搜索时遇到问题。我想知道这里是否有人可以向我介绍或向我展示一个获取所有具有特定属性的元素的方法示例。例如:

组件:

<polymer-element name="prpl-inview" attributes="">
    <template class="{{count}}">
        <link rel="stylesheet" href="prpl-inview.css">
        <content select="*"></content>
    </template>
</polymer-element>

dom中的元素:

<prpl-inview>
    <h1>Misc element not important</h1>
    <div keyframe="20">get this element</div>
</prpl-inview>

我想要所有具有关键帧属性的元素,但我不关心其他元素。如果这有意义的话。

你可以做:

var elems = document.querySelectorAll("[keyframe]");

使用查询选择器:

var elementList = document.querySelectorAll('[keyframe]');

您也可以使用选择特定的关键帧

var element = document.querySelector('[keyframe=20]');

您能使用普通的DOM查询选择器吗?

document.querySelectorAll('[keyframe]')