关于javascript把元素赋值给变量的问题——DOM里元素的独一无二

前言

这个问题困扰了我超级久，因为写c++好几年了所以学js情不自禁拿他和c++类比学习，真的难受==所以为什么要拿脚本语言和编程语言对比，可能我对c++爱的深沉，我想如果让我写一篇c++和js有什么区别我一定能侃侃而谈
对于js的学习路线：先看视频入门——>再看文档深入——>做大纲图+对难点做笔记 看视频确实费时间，但是直观，跟着写写代码再看文档深入就比较容易。接下来react，mobx,redux的学习我大概都是这个路线。

关于js

最近学js，总得理解通过DOM操控html元素，通过BOM和浏览器打交道。
这两个其实简单来说就是用已经实现的document这个对象的各种属性和方法对html元素做一系列操作
window这个全局对象已经实现的属性方法提供一些帮助

在学习DOM的时候，网上一个demo真的让我钻了好几天牛角尖，实际上写在这里的也是我浅显的理解，不一定对。当然我觉得他是对的，我就打算这么理解，直到有更好的理解出现。

描述问题

let lis=document.getElementsByTagName("li");//应该hTMLCollection
let btn=document.getElementById("mybtn");
let arr=[];
btn.onclick=