元素.setAttribute("属性名","属性值");:核心DOM(早期),现在常用于自定义属性。
元素.getAttribute("属性名");:获取 。
元素.hasAttribute("属性名");:判断是否包含该属性。
元素.removeAttribute("属性名");:删除 。
HTML DOM是在早期的基础上进行更新简化的:
1、系统自动提前预设了所有html属性,属性值为“”(空)。
2、后期人们在操作属性时,直接使用 :元素.属性名, 例如 a1.title = "这是超链接" ;。
获取:元素.属性。
设置:元素.属性名 = ”值“。
判断: 元素.属性名 !=="";。
删除:元素.属性名 = "";。
特例: 操作元素类名。
获取 : 元素.className。
设置 :元素.className = "新类名";。
获取样式:
元素.style.样式名 = "样式值";:获取样式操作元素行内样式。
元素.style.样式名:获取元素非行内样式。
window.getComputedStyle(元素).样式名:可以获取行内样式,也可以获取非行内样式。
className:修改多个样式。
总结:
1、修改一个元素的css属性:元素.style.css属性 = 值
2、获取一个元素的css属性:getComputedStyle(元素).样式名