前言:
如今咱们对“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()方法,获取元素的属性值,只需要传一个参数(属性名)
创建和删除元素