js基础提升学习之操作DOM对象样式

这次给大家带来js基础提升学习之操作DOM对象样式，js操作DOM对象样式的注意事项有哪些，下面就是实战案例，一起来看一下。

举个简单的例子：

我们会发现，xx.style.xx 只能获取行内样式，width获取不到（行内样式，意思是指的不能修改外联进来的样式）

width取不到的是，我们没有进行设置，想获取不可能的，明明知道百分百，但是这种操作不能越界

像素的加减：

parseInt转化一下，再加上，最后再还原回去

拓展：使用W3C  getComputedStyle(样式标签).样式名称

优点：标签样式都可以获取

缺陷：存在兼容性，IE9以上的版本可以用

IE8及之前的版本使用这种格式 :标签.currentStyle.height

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

js基础提升学习之基本数据类型

JS概念问题总结答疑

Atas ialah kandungan terperinci js基础提升学习之操作DOM对象样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!