JS-元素属性操作

<img src="images/1.jpg" alt="我是alt" title="我是title" abc="666">

获取元素属性

getAttribute()

通过对象.属性名称的方式无法获取到自定义属性的取值
通过getAttribute方法可以获取到自定义属性的取值

oImg.alt;
oImg.getAttribute("alt");

oImg.abc;		// 获取不到
oImg.getAttribute("abc")

---

修改元素属性

通过对象.属性名称 的方式无法修改自定义属性的值
通过getAttribute方法可以修改到自定义属性的

oImg.title = "新的title";
oImg.setAttribute("title", "新的title222");

oImg.abc = "123";			// 不可修改
oImg.setAttribute("abc", "123");

新增元素属性

setAttribute(); 方法如果属性不存在就是新增, 如果属性存在就是修改

oImg.setAttribute("num", "999");

---

删除元素属性 removeAttribute()

通过对象.属性名称 的方式无法删除自定义属性的值
通过getAttribute方法可以删除到自定义属性的

oImg.alt = "";		// 只能清空而不能删除
oImg.removeAttribute("alt");

oImg.abc = "";		// 不可删除自定义
oImg.removeAttribute("abc");