style对象

Question

1.关于节点style对象代码

2.输出结果

3.问题：一直认为都是字符串类型的，为什么child.style.top是对象而不是字符串呢？

Answer 1

因为top是浏览器保留字段，不能随便使用，你在devtool里 console.log(top) 试试

Answer 2

原因是你声明的变量名有问题，top在全局变量中表示当前窗口的最顶层浏览器窗口，是window下的属性，有保护，不允许更改。
解决方法：
你可以在函数内部什么一个top变量，按照作用链，优先查找当前函数的top变量，就不会有问题。或者直接更换变量名，不要和全局变量冲突即可。望采纳

Answer 3

top是什么其他答案已经回答了。我回答下为什么给top赋值无效。

Object.getOwnPropertyDescriptor(window, 'top');
// {value: Window, writable: false, enumerable: true, configurable: false}
// 只读不可写。所以你typeOf是这个。不是child.style.top。