假设我有以下html DOM元素：
<input type="checkbox" id="theckboxid" checked="true" />
我知道在Javascript中我可以通过一堆方法访问checked属性（或元素的任何其他属性）。我将重点关注以下两种方式：
var isChkd = document.getElementById('theckboxid').checked;
或只是
var isChkd = theckboxid.checked;
在这两种情况下，结果都是变量isChkd将存储布尔值true。
即使在Chrome中使用consolle，我也会得到完全相同的结果。
所以问题是：
为什么最好使用getElementById代替直接使用id来访问元素及其属性？
这两种方法的利弊是什么？