0
点赞
收藏
分享

微信扫一扫

【Java script基础学习】关于DOM-样式操作

_铁马冰河_ 2022-03-11 阅读 39
  1. 样式的位置
    • 行内样式:通过html标签的style属性操作
      • 元素.style.xxx样式
    • 非行内样式
      • 正常浏览器:getComputedStyle(元素).xxx样式
      • 低版本IE:元素.currentStyle.xxx样式
  2. 操作方式
    • 获取
      • 非行内样式获取(既能获取非行内,又能获取行内)
    • 设置:
      • 设置指定值
        • 行内样式设置(高权重保证样式的生效)
      • 清空(重置)样式
        • 背景色,清空:如:background: “”;
        • 字体大小,重置:如:font-size: 16px;
  3. 获取样式找非行内操作
  4. 设置样式找行内操作
  5. 获取非行内样式的兼容封装
function getStyle(ele, cssName) {
    if (ele.currentStyle) {
        return (ele.currentStyle[cssName]);
    } else {
        return (getComputedStyle(ele)[cssName]);
    }
}
举报

相关推荐

0 条评论