Question

我在聚合物文档上搜索这个问题时遇到了麻烦。我想知道这里是否有人能指出我或向我展示一个获得具有特定属性的所有元素的方法的示例。例如：

组件：

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

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

Answer 1

你可以这样做：

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

Answer 2

使用queryselector：

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

您还可以使用

选择特定的关键帧

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

Answer 3

你能使用普通的DOM querySelector吗？

document.querySelectorAll('[keyframe]')

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

3 个答案: