javascript - 为什么我无法获取元素？

Question

比如下面这个网站
https://news.yahoo.co.jp/
我试图在视频部分自动单击默认静音的功能，但我不能。

window.onload = function(e) {
document.getElementsByClassName("vjs-mute-control.vjs-vol-0").click();
}
// Or
window.onload = function(e) {
$('#player > div.vjs-control-bar > div.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal > button').click();
};

在这种情况下，不仅限于上述站点，而是经常看到，
我可以用前端脚本做些什么吗？
我今年的首要目标是获得我无法获得的元素。
你不能靠自己做任何事情。
如果前端 JS 没有帮助，为什么？
操作环境
window 10
Chrome 64 位
https://chrome.google.com/webstore/detail/css-and-javascript-inject/ckddknfdmcemedlmmebildepcmneakaa

Answer 1

我的假设是该元素是动态呈现的，并且当您尝试单击它时它不会出现在页面上。尝试将事件委托(delegate)给最近的静态父级:

window.onload = function(e) {
    $(document).on("ready", ".vjs-mute-control.vjs-vol-0", function(){
        $(this).click();
    });
};