Javascript 在尝试将onclick()函数附加到按钮时,有哪些解决问题的技巧?

Javascript 在尝试将onclick()函数附加到按钮时,有哪些解决问题的技巧?,javascript,button,onclick,Javascript,Button,Onclick,我希望我的按钮在单击时触发PDF文件的下载。但是,我在点击按钮启动功能时遇到问题。现在,我只想让console.log按钮“它工作” 我已经选择了正确的元素,并将类型定义为“button”,并且能够对按钮进行console.log。但是当附加button.onclick()函数{console.log(“它工作”);};它不会触发控制台中的console.log。我还将onclick函数放入window.onload函数中 <div id="resume" class="resume"&

我希望我的按钮在单击时触发PDF文件的下载。但是,我在点击按钮启动功能时遇到问题。现在,我只想让console.log按钮“它工作”

我已经选择了正确的元素,并将类型定义为“button”,并且能够对按钮进行console.log。但是当附加button.onclick()函数{console.log(“它工作”);};它不会触发控制台中的console.log。我还将onclick函数放入window.onload函数中

 <div id="resume" class="resume">
    <button type="button" id="resume-button" class="resume-button">RESUME</button>
</div>
我希望控制台在单击按钮时输出“it works”,但单击时不会发生任何事情。

返回节点列表,以便您需要将该按钮作为此节点列表的第一个元素(
document.querySelectorAll('.resume button')[0]

var button=document.querySelectorAll('.resume button')[0];
button.onclick=函数(){
console.log(“是它的工作”);
};

简历
返回一个节点列表,以便您需要访问该按钮作为该节点列表的第一个元素(
document.querySelectorAll('.resume button')[0]

var button=document.querySelectorAll('.resume button')[0];
button.onclick=函数(){
console.log(“是它的工作”);
};

简历

将事件绑定放在onload内,但引用该方法外的按钮没有意义。将事件绑定放在onload内,但引用该方法外的按钮没有意义。@epascarello很好,谢谢,我已经删除了多余的wrapper@epascarello说得好,谢谢,我已经去掉了多余的包装
var button = document.querySelectorAll('.resume-button');

window.onload = function(){

button.onclick = function(){
    console.log("yay its working");
}; }