querySelector()方法返回文档中匹配指定css选择器的一个元素。
querySelector方法仅仅返回匹配指定选择器的第一个元素。如果需要返回所有的元素，请使用querySelectorAll()方法替换。
在HTML DOM中，每一个东西都是节点：
文档本身就是一个文档对象
所有的HTML元素都是元素节点
所有的HTML属性都是属性节点
插入到HTML元素文本是文本节点
注释是注释节点
element.addEventListener()向指定的元素添加事件句柄
element.appendChild()为元素添加一个新的子元素
element.attributes 返回一个元素的属性数组
element.childNodes 返回元素的一个子节点的数组
element.cladsList 放回元素的类名，作为DOMtOKENlIST对象
element.classame 设置或返回元素的class属性
element.clientHeight 在页面上返回内容的可视高度（不包括边框、边距和滚动条）
element.clientWidth 在页面上返回内容的可视宽度（不包括边框、边距和滚动条）