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