zoukankan      html  css  js  c++  java
  • 辨析element.offsetXxxx和element.style.xxxx

      DOM操作时,经常使用element.style属性,没错,element.style是属性,和几个offsetXxxx属性一样,概念是一样的。

      但是style有几个属性,这几个属性和offsetXxxx有很大关系。他们是可以相互转化的。

      之所以说转化,是因为他们的值类型不同,element.offsetXxxx的值类型是Number,并且是整型,比如100。而element.style.xxx是带有单位的字符串,比如100px。

      所以要相互转化,要使用parseInt对style的数据进行处理。

      但是,并不能保证ele.offsetWidth == ele.style.width

      但是,并不能保证ele.offsetWidth == ele.style.width

      但是,并不能保证ele.offsetWidth == ele.style.width

      其他属性也是这样的,因为要搞清楚offsetWidth的概念。

      ele.offsetWidth = parseInt( ele.style.width ) + parseInt(ele.style.borderWidth) + parseInt(ele.style.paddingWidth)。

    element.offsetXxxx

    element.style

    element.offsetWidth element.style.width
    element.offsetHeight element.style.height
    element.offsetLeft element.style.left
    element.offsetTop element.style.top
  • 相关阅读:
    浏览器内核
    link和@import的区别
    跨域iframe如何通信
    数组、对象基本操作
    浏览器兼容性问题
    微信H5开发
    前端面试整理
    js多维数组转一维数组
    js实现继承
    javascript函数闭包(closure)
  • 原文地址:https://www.cnblogs.com/-beyond/p/8934452.html
Copyright © 2011-2022 走看看