javascript - 如何在 JavaScript 中将 DOM 元素作为参数传递？

Question

我想将 myVideo 元素作为参数传递到 play() 函数中，但它不起作用？ (它会自动播放视频，并且事件监听器不再起作用)

如果我直接在函数中使用该元素，它就可以工作。所以我想知道是否可以将 DOM 元素作为参数传递，如果可以的话是否使用过

下面是代码:

// Get our elements
const myVideo = document.querySelector(".player__video");
const playButton = document.querySelector(".player__button");
console.log(myVideo);

function play(video) {

    if (video.paused) {
        video.play();
    } else {
        video.pause();
    }
}

playButton.addEventListener('click', play(myVideo))

Answer 1

playButton.addEventListener('click', function(){play(myVideo)})

您需要传递一个函数，但您传递的是函数的结果。 JavaScript 具有一流的功能，所以要习惯它。