因为currentStyle只兼容ie8及以下的版本,不支持其他的浏览器,而getComputedStyle()只兼容ie9及以上的浏览器,所以需要定义一个函数,使ie8及以下的版本和不同的浏览器能在不同的情况下正常读取到数据。
注意理解,当getComputedStyle被判时,作为变脸,它在函数作用域和全局作用域都找不到,在作为变量的情况下,找不到响应变量浏览器会报错。getComputedStyle是window的属性,所以写成window.getComputedStyle将其变成属性,找不到会返回undefined。
注意看getStyle函数中的注释,练习代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">