操作元素的原生属性:
获取=>、标签.id
设置=> 、 标签.id = "i1"'
>示例:html
<div id="i1"><div>
1.获取元素
var div = document . getElmentsByTagName ("div")[0]1/设置div这个标签的原生属性=> id = 'il'
div.id = 'il'
1//获取这个属性
console .1og(div .id)
使用attribute操作属性自定义属性
设置=> setAttribute ( "元素的属性" , "元素的属性的値")
荻取=> getAttribute ("元素的属性")
刪除=> removeAttribute ("元素的属性")
示例
<div id="i1"> <div>
//使用attribute操作元素的属性
1.荻取元素
var div = document. getElementById("1")
2.没置元素的属性
div .setAttribute("abc" , "wenyuan")
3.茯取元素的属性
console .log(div .getattribute("abc");
4.刪除元素的属性
div . removeAttribute(" abc")
div . removeAttribute ("id")
使用dataset操作属性=>
H5提出来操作属性的方法
设置属性=> div. dataset. abc = "ABC"
获取属性=>console .1og(div .dataset .abc)
删除属性=> delete div .dataset. abc
注意:弊端
他会将驼峰命名法中大写改成小写,多个单词会使用-进行连接
1.获取元素
var div =document.getElementsByclasName("d")[e]
2.设置元素
div. dataset .wenyuan ="文雯 ”
3.获取元素
console .1og(div .dataset . wenyuan);
4.删除元素
delete div . dataset . wenyuan
div.dataset.wenYuan = "wenyuan"
div.dataset.userNamePassword = "123546 ”