博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
offset--BUG
阅读量:4555 次
发布时间:2019-06-08

本文共 605 字,大约阅读时间需要 2 分钟。

offsetWidth所获取的宽度并不是div的实际宽度,它包括div的width、border等。

在JS函数中,可以通过obj.style.width来获取div的实际宽度,但是这种方式style只能获取行间样式,所以需要一个函数调用css中样式,代码如下:

function getStyle(obj, name) { if (obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj, false)[name]; } } setInterval(function () { var oDiv = document.getElementById('div1'); oDiv.style.width = parseInt(getStyle(oDiv, 'width')) - 1 + 'px'; }, 30); 现在我们来用一个案例来掩饰去掉offset如何实现 代码:
 
       
无标题文档
变高
变宽
字体变大
边框变粗
 
运行结果:  

转载于:https://www.cnblogs.com/theWayToAce/p/5265971.html

你可能感兴趣的文章
jQuery源码笔记(一):jQuery的整体结构
查看>>
Android_(游戏)打飞机03:控制玩家飞机
查看>>
注册页面的编写
查看>>
html中iframe子页面与父页面元素的访问以及js变量的访问
查看>>
alter
查看>>
ps保存图片时为了可以发送到微信中(微信大于25M的图片不能发送) 应该这样保存图片!!!...
查看>>
METIS 安装过程
查看>>
SQL中的isnull
查看>>
PAT_1046 划拳
查看>>
C# 窗体拖动事件
查看>>
json数据传输有感
查看>>
关于设置anroid系统时间
查看>>
php 伪静态 (url rewrite mod_rewrite 重写) 本地APACHE支持url
查看>>
IPC----消息队列
查看>>
java8学习之Predicate深入剖析与函数式编程本质
查看>>
RxJava事件流变换者--操作符
查看>>
Unity 异步编程
查看>>
【Netty】codec框架
查看>>
js闭包(for循环内给元素添加事件)
查看>>
Wine 1.5.28 发布
查看>>