js 操作dom

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 在页面上返回内容的可视宽度（不包括边框、边距和滚动条）