龙空技术网

JavaScript-DOM封装及操作

敷衍淡然 178

前言:

如今咱们对“js的dom操作数组常用的方法和字符串常用的方法”大致比较关切,大家都想要剖析一些“js的dom操作数组常用的方法和字符串常用的方法”的相关资讯。那么小编也在网络上汇集了一些关于“js的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()方法,获取元素的属性值,只需要传一个参数(属性名)

创建和删除元素

标签: #js的dom操作数组常用的方法和字符串常用的方法