很多年前，当我研究JavaScript时，我后来几乎没有使用，我了解到我可以使用元素id代替它的名字。 E.g：
如果我们有这样的代码：
<button type="button" id="addButton">Add</button>
我们可以两种方式使用元素：
addButton.addEventListener('click', function(){
console.log('click');
});
或
document.getElementById('addButton').addEventListener('click', function(){
console.log('click');
});
以前的版本对我来说看起来更方便，但我发现没有人使用它。为什么？有什么区别？