封装DOM:
//定义一个获取元素的方法
funcation $(id){
return document.getElementById(id)
}
querySelector()方法,根据选择器的名称返回元素,如果有多个元素,只返回第一个元素。
querySelectorAll()方法,根据选择器的名称返回所有的元素。
注意:querySelectAll()方法,返回的是集合对象,不是数组对象。可以利用展开运算符,将集合对象转为数组对象。
转为数组对象后,就可以使用数组相关的方法了。
let divs2 = [...divs]
querySelector()和querySelectorAll()方法里面也可以写所有的css选择器
操作DOM元素元素的属性
获取和设置标签的自带属性(原生属性),直接点
let src = img.src //src是图片标签的原生属性
获取和设置标签自定义的属性,需要通过getAttribute()和setAttribute()方法
setAttribute()方法,设置元素的属性值,需要传两个参数(属性名和属性值)
getAttribute()方法,获取元素的属性值,只需要传一个参数(属性名)