JavaScript-DOM

封装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()方法,获取元素的属性值,只需要传一个参数(属性名)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容