获取属性(id)
1.?.attributes;
- 通过id定位获取该元素的所有属性。可以使用数组下标获取属性值
?.attributes['属性名'];
2.?.getAttribute('属性名');
- 获取属性名的值
3.?.setAttribute('属性名','属性值');
- 添加、修改、设置属性名的属性值
4.元素.属性;
- 直接获取属性值
- 可以通过赋值来修改属性值
- 注意:
- 添加设置类名的时候需要使用
元素.className
- 使用
label
的for
属性,需要使用元素.htmlFor
- 添加设置类名的时候需要使用
自定义属性
命名:为了以防后面版本更新重名,所以使用data-作为前缀(H5
创建
元素.属性;
?.setAttribute('属性名','属性值');
访问、修改
定位.dataset.自定义属性名;
注意:
创建时使用了data-作为自定义属性的前缀,但使用dataset访问的时候不需要写上该前缀
let a=document.getElementById("clickon");
a.setAttribute("data-newname",'new');
console.log(a.dataset.newname); //new