javascript - dom绑定onclick调用函数的写法报错

Question

  var print = function (){
    var str = "Tom@95@88#Mary@79@65#John@91@98";
    var result = decode(str);
    print2d(result);
    // console.log(decode());

   }
   
   document.getElementById("btn1").onclick=print;//报错
/*Uncaught TypeError: Cannot set property 'onclick' of null*/

如果是点击时触发绑定函数，dom调用函数的常规写发有几种？
函数不就是个对象吗，为什么onclick调用对象名这种写法不可行！

Answer 1

你绑定click的时候btn1并没有加载到DOM

Answer 2

Uncaught TypeError: Cannot set property 'onclick' of null

报错说的很清楚了，document.getElementById("btn1")等于null，跟onclick或者这种绑定方式没一毛钱关系，检查一下dom结构吧