踩到的Cannot call method 'addEventListener' of null坑

最近遇到一个坑爹的问题，如下：

<button class="mui-btn" id="test ">选择照片</button>  

document.getElementById("test")  
            .addEventListener('tap', function() {  
                console.log('t');  
            });

代码很简单有木有！但是却总是报Uncaught TypeError: Cannot call method 'addEventListener' of null错误，跑遍了文档社区。
有的说：
这是因为js加载到 document.getElementById('main').addEventListener这行代码时，下方的dom节点尚未生成，故document.getElementById('main')返回为空；
解决方案有两种；
方案1：放入mui.ready中
方案2：将如上js代码放到</body>节点之后；
结果却没有解决问题。
后面终于找到了问题所在。<button class="mui-btn" id="test ">选择照片</button>中的id=“test”后面多了一个空格！这是自动格式化搞的鬼
删除多余空格，问题解决。