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
  • 相关阅读:
    HTML
    JavaScript-DOM
    Visual Studio Usage
    Char 05 使用提供程序
    Char 04 运行命令
    Char 03 使用帮助系统
    char 02 初识 Powershell
    Char 01 PowerShell
    Linux Nginx
    Linux SSLH
  • 原文地址:https://www.cnblogs.com/-beyond/p/8934452.html
Copyright © 2011-2022 走看看