css 无法读取第189行的null属性(阅读'querySelectorAll')

yshpjwxd  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(129)

那就指向这一行:

wrappers = container.querySelectorAll(".wrap");

单击“退出”按钮导致错误。
点击退出按钮应该是删除球员,在蓝色播放按钮被点击后。
要测试jsitor代码,请单击运行而不是更新。
代码https://jsitor.com/KZMNnkSf5
https://jsfiddle.net/e631o2rq/
这在代码中是如何修复的?

function removePlayerHandler(evt) {
    const el = evt.target;
    let container = el.closest(".container");
    let wrappers;
    if (container) { //if multiple players
      wrappers = container.querySelectorAll(".remove .wrap");
    } else { //if single player
      container = el.closest(".remove");
      wrappers = container.querySelectorAll(".wrap");
    }
    wrappers.forEach(function (wrapper) {
      if (wrapper.player) {
        removePlayer(wrapper);
      }
    });
  }

它以前是这样的:

function removePlayerHandler(evt) {
    const el = evt.target;
    const container = el.closest(".container");
    const wrapper = container.querySelector(".wrap");
    if (wrapper.player) {
      return removePlayer(wrapper);
    }
  }


        </div>
      </div>
    </div>
  </div>
</div>

 <div class="button-container">
<button class="exit" type="button"></button>
<button class="exit exitpPage2" type="button"></button>
<button class="exit exitpPage3" type="button"></button>
</div>
x8diyxa7

x8diyxa71#

我不太清楚你想做什么,但看起来确实有点复杂。我建议你把事情简单化。
这里有一个想法:https://jsitor.com/JOlxKAhhbL
下面附加的代码也可以阅读,但由于堆栈溢出中的iframes沙箱,它无法加载youtube播放器,而是加载上面的jsitor链接。
第一个

相关问题