getcomputedstyle方法
    getComputedStyleW3C标准DOMAPI之一，它可以帮助我们获取一个元素最终的渲染属性值（屏幕上实际上呈现的值），而非它最初定义的属性值（从代码中定义的值）。通过getComputedStyle可以轻松完成以下目标：
    -查元素的当前计算样式
    -查元素的各种尺寸属性值（高度、宽度等）
    -查元素的可视性
    -算元素的渲染位置
    -查元素是否有偏移量
    getComputedStyle法已成为获取渲染属性值（屏幕上实际上呈现的值）的首选方法。它是一个函数，它接受两个参数：元素及其属性名，并返回元素的当前计算样式。例如，要获取一个元素的高度，可以使用如下代码：
    let elemHeight = getComputedStyle(myElement, height
css外部样式表代码    在内联样式（inline styles）和外部样式表（stylesheets）中指定的样式都可以使用getComputedStyle来检索。一般来说，如果CSS规则提供的值不是百分比值，那么getComputedStyle返回的就是一个字符串，其中包含单位，比如“20px”或者“1em”。如果CSS规则中提供的是百分比值，getComputedStyle返回的是一个可被JavaScript数字解析的浮点数值。
    使用getComputedStyle最常见的应用是在使用JavaScript计算元素宽高时，需要将像素值转换为数字时。例如，要获取元素宽度，可以通过以下方式完成：
    let elemWidth = parseFloat(getComputedStyle(myElement, width);
    在JavaScript中，可以将getComputedStyle的返回值用于计算，会得到准确的结果，而不是使用elem.style.width，由于后者只包含元素的内联样式，不包含内部和外部样式表中的样式，因此会获得不准确的值，所以最好的方式还是使用getComputedStyle来获取正确的值。
    getComputedStyle也有助于检查页面中元素的可见性，可以通过元素的display属性来检
查，例如：
    let elemDisplay = getComputedStyle(myElement, display
    如果display属性值为“none”，则表示元素是不可视的，不会被渲染成视觉元素在网页上显示出来。
    另一个有用的getComputedStyle的应用是计算元素的渲染位置。假设有一个div，它在网页中的渲染位置可能不等于它在网页源码中的位置，这时getComputedStyle就可以帮助我们确定正确的值：
    let elemPosition = getComputedStyle(myElement, position
    此外，getComputedStyle也可以帮助检查元素是否有偏移量，可以使用如下代码检查：
    let elemOffset = getComputedStyle(myElement, margin-top
    以上是使用getComputedStyle来获取元素最终渲染属性值（屏幕上实际上呈现的值）的一些案例。最后，要特别指出的是，getComputedStyle是一种可靠的属性检索和计算值的方法，
所以当我们需要准确的属性值时，它是首选的方法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。