如何自动检测包含特定属性（如data-wow-delay）的HTML标记？这是来自wow.JS.

我想做的是，如果HTML标记包含所述属性，它将自动在标记中添加类wow bounce。

例子

HTML

<h1 data-wow-delay="0.2s">
    sample
</h1>

JS（这是我迷路的地方，不知道如何开始）

结果应该是这样的

<代码><；H1类="；哇反弹"；data-wow-delay="；0.2S"；>；样品<；/H1>；

注意：有许多不同的HTML标记使用此属性。

---

顺晟科技：

使用<h1 class="wow bounce" data-wow-delay="0.2s" > sample </h1> 检查元素是否包含指定的属性：

Element.hasAttribute()

const elem = document.querySelector('h1');

if(elem.hasAttribute('data-wow-delay')){
  elem.classList.add('wow', 'bounce')
}

<代码><；H1 DATA-WOW-DELAY=“ 0.2S ”>；样品<；/H1>；

或者，您可以使用.wow.bounce{ background-color:grey; }和CSS属性选择器来选择具有以下属性的所有元素：

<h1 data-wow-delay="0.2s">
  sample
</h1>

const elem = document.querySelector('h1');

if(elem.hasAttribute('data-wow-delay')){
  elem.classList.add('wow', 'bounce')
}

<代码><；H1 DATA-WOW-DELAY=“ 0.2S ”>；样品<；/H1>；<；p data-wow-delay=“ 0.1s ”>；样本<；/p>；