用DOM中的getElement获取按钮赋值一个变量，代码只执行一次，但为什么能动态的获取？

Question

实验：
做一个微博发布的功能，textarea输入内容点击发布，新增一个子节点(包括输入的文字和删除按钮)；点击删除，可以删除评论。

用一个变量dels，获取所有删除评论的按钮。

问题：这个变量dels只声明了一次
var dels = document.getElementsByClassName("bottom")[0].getElementsByTagName("button")，但为什么，每次点击发布按钮，都能动态的获取按钮的数量？

代码如下：

  var dels = document.getElementsByClassName("bottom")[0].getElementsByTagName("button");

 btn.onclick = function(){//点击btn会添加一个li，包含文字和删除的button标签console.log（dels.length）；
}

按道理，dels声明在前面，程序只执行一次，为什么打印出来dels却能根据生成的li来获取？
是getElementsByTagName的特殊效果吗？