javascript 如何向元素添加另一个类

q5iwbnjs 于 2023-02-28 发布在 Java

关注(0)|答案(2)|浏览(116)

我有这下面的图像标记与一个类名称“kiwi”虽然我有另一个类这使得图像spin .我想要切换这个类（称为'elem'）当我在这播放按钮上单击我的音乐播放器
这是与类的图像段

<img src="./images/kiwi.png" class="kiwi" aria-hidden="true" />

我想做什么

<img src="./images/kiwi.png" class="kiwi **elem**" aria-hidden="true" />

这是播放按钮，单击后应将“elem”类添加到图像标签

<button onclick="justplay()" id="play"><i class="fa fa-play" aria-hidden="true"></i></button>

这是播放按钮的脚本

let play = document.querySelector("#play");

function playsong() {
    track.play();
    Playing_song = true;
    play.innerHTML = '<i class="fa fa-pause" aria-hidden="true"></i>';
}

I want the round image to spin when play button is pressed
我试着在谷歌上搜索这个，但我无法用classList找到它

JavaScript

来源：https://stackoverflow.com/questions/75577074/how-to-add-another-class-to-an-element

2条答案

按热度按时间

htrmnn0y1#

要向元素添加类，请执行以下操作：

element.classList.add('elem')

关于classList property的更多阅读。

赞(0）回复(0）举报 2023-02-28

tjjdgumg2#

它形成一个元素：

let el = document.querySelector('.kiwi')

el.addEventListener('click', (e) => {
        e.target.classList.toggle('elem')
    })

.elem{
  border:1px solid red;
}

<ul>
      <li class="kiwi">1</li>
  </ul>

如果您有更多. kiwi，则需要查询SelectorAll并使用forEach添加eventListener，如下所示：
一个一个三个一个一个一个一个一个四个一个一个一个一个一个五个一个

赞(0）回复(0）举报 2023-02-28

我来回答

javascript 如何向元素添加另一个类

2条答案

相关问题

热门标签

最新问答