个人中心
gpt4 book ai didi

javascript - 为事件元素添加类

转载 作者：行者123 更新时间：2023-12-02 23:38:31 25 4
gpt4 key购买 nike

在我的项目中，我有一个带有视频的 HTML，它工作得很好，直到我添加了带有事件类的部分。我不明白哪里出了错误:(视频部分工作得很好，但我总是犯一个错误，按钮容器是 0 ...我真的很感激任何帮助，因为我是这一切的新手，我为我的项目制作了项目期末考试。这里只是脚本代码..提前thnx

window.onload = function() {

  const vid = document.getElementById('player');

  document.getElementById('play').onclick = function() {
    vid.play();
  };

  document.getElementById('pause').onclick = function() {
    vid.pause();
  };
  document.getElementById('full').onclick = function() {
    vid.requestFullscreen(); // Playback-Head-Position in Sekunden

  };

  const links = document.querySelectorAll('a.linkVideo');

  for (let i = 0; i < links.length; i++) {
    links[i].onclick = function(e) {
      e.preventDefault();

      vid.src = 'video/' + this.dataset.vid + '.mp4';
    }
  }
}

var btnContainer = document.getElementById("myDIV");
var btns = btnContainer.getElementsByClassName("button");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function() {
    var current = document.getElementsByClassName("active");
    if (current.length > 0) {
      current[0].className = current[0].className.replace(" active", "");
    }
    this.className += " active";
  });
}

     <body>
    <main>

     </video>
     <div class="myDIV">
      <button class="button" id="play">Play</button>
      <button class="button" id="pause">Pause</button>
      <button class="button" id="full">Full Screen</button>
     <p id="ausgabe"></p>
     </div>
     <div id="videos">
      <a href="#" data-vid="vid01" class="linkVideo">Excersise Video 1</a>
      <a href="#" data-vid="vid02" class="linkVideo">Excersise Video 2</a>
      <a href="#" data-vid="vid03" class="linkVideo">Excersise Video 3</a>
    </div>
    </main>
    </body>

最佳答案

你在 if 语句中将其设置为 0，它需要是 i

if (current.length > 0) {
   current[i].className = current[i].className.replace(" active", "");
}

关于javascript - 为事件元素添加类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56191771/

25 4 0
文章推荐： javascript - Brain js NaN 当预测是单词组合是一个完整的句子时
文章推荐： powershell - 获取 AzureWebsiteJob : No default subscription has been designated
文章推荐： django - Django Haystack:Heroku Searchbox插件无法运行rebuild_index
文章推荐： javascript - 使用局部变量调用时，protractor .get 不是函数
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com