【javaScript】笔记Dom(3)元素的属性

元素接口属性：元素.属性

DOM方法	说明
el.getAttrbute(属性名)	获取属性值
el.setAttribute(属性名，值)	设置属性和值，存在覆盖
el.removeAttribute(属性名)	删除属性和值

dataset属性

自定义属性名：data-前缀

行内样式

style:后面跟具体的css属性，读取或修改HTML元素的style属性值中的某个属性

style.cssText：读取或修改HTML元素的style属性值，修改多个css属性更简洁更高效

el.style.fontSize='36px';
el.style.cssText='width:5px;font-size:red';

修改属性的值：使用el.className

el=document.getElementById('one');
el.className='cool';

更方便修改class属性值：

add(c,c):给元素的class属性值增加c类

remove(c,c)：删除c类

replace(o.n)：将o替换成n

toggle(c):切换元素的样式，如果class属性值里有c,则删除c,否则，添加c

<p id='one' class='hot bold'>仁</p>
el.classList.replace('hot'，'cool');
el.classList.toggle('bold');