javascript控制css中style.width和style.height属性时单位px的问题

最新推荐文章于 2023-07-13 12:10:23 发布
最新推荐文章于 2023-07-13 12:10:23 发布
阅读量1.7w 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript的学习 文章标签： javascript css div ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/GreenOfBamboo/article/details/4650282
本文探讨了在Internet Explorer (IE) 和Firefox (FF) 浏览器中使用JavaScript控制CSS元素的宽度和高度时的不同行为。具体讨论了在IE中设置或获取元素的宽度和高度时单位'px'的处理方式，并对比了Firefox的行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在MS的ie中，javascript控制css中style.width和style.height属性时单位px的问题：

1、在读style.width时，返回px

 如：alert(document.getElementById("DIV1").style.width)     ---->output 100px

2、在写style.width时，

  如：document.getElementById("DIV1").style.width=100;

或者

  document.getElementById("DIV1").style.width="100px"

两者都可以。

但是，在ff中，读写都有px。

 

我们可以利用parseInt(document.getElementById("DIV1").style.width)来读取整数值。

js中各种的宽度高度（width，height）的总结
11-18 3622
这次发表的是JS获取元素各种宽高的细节分析 https://www.imooc.com/learn/608 是对慕课网中的这节课的总结与手记，和一些不同的见解，加上自己理解后，进行了实践，之后编写了这篇文章 1.window的宽高 innerWidth : 浏览器的内部...
js获取不带单位的像素值
weixin_33729196的博客
07-20 354
所谓获取不带单位的像素值就是获取比如元素的宽度、高度、字体大小、外边距、内边距等值但是去掉像素单位。　　比如：某一个元素的宽度是100px，现在我要获取这个这个值但是不带单位“px”，对于这种问题你会怎么解决？我的解决办法是：　　比如通过点击某个按钮来获取该值，那么此时就应该写个函数，在点击按钮时再来调用该函数。　　function par（str）{　　　　var num ...
javascript 求div宽度时去掉px的超高效写法
cai555的专栏
04-28 3700
<html> <head> <style type="text/css"> div#mydiv { width: 100px; height: 100px; background-color: red; } </style> <script language="JavaScript"> fun
js获取精确宽度/高度(带小数位的像素)
tangdou5682的博客
09-03 2227
原文链接：https://blog.csdn.net/zy1281539626/article/details/78488062 问题：1、用jquery获取div等块级元素的宽高时不能精确获取，只能得到整数部分像素，不能获取小数位px。 2、按750开发， iPhone 8 plus 渲染元素后实际宽高会有小数点，clientHeight，只能得到整数部分像素 请看下面事故： <!DOCT...
js 中style.height和offsetHeight比较
热门推荐
Yelbosh的专栏
12-19 1万+
看到蓝色经典论坛的一个讨论帖子： http://bbs.blueidea.com/thread-3072537-1-1.html 从两个人的争论中，更加深入的了解了style.height和offsetHeight的区别 style.height： 只能在div在行内样式设置了height才能获取到 例如：height  do
HTML中设置属性时写px和不写的区别
m0_51700376的博客
09-29 1215
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>样式区别</title> <style type="text/css"> #box{ width: 400px; height: 400px; border: 2px red solid; } #box1{ width: 100px;
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
10-30
然而，在实际应用过程中，开发者可能会遇到一个常见的问题：使用JavaScript的`element.style`属性来获取或修改某个DOM元素的样式时，有时候却无法得到预期的结果。本文将详细探讨这一现象背后的原因，并提供相应的...
用javascript获得css中的属性值的代码
10-30
在 Web 开发中，获取 CSS 属性值是一项非常重要的任务，因为它可以帮助我们更好地控制网页的样式和布局。JavaScript 提供了多种方法来获取 CSS 属性值，本文将介绍其中的一些。 首先，让我们来看一个简单的示例代码...
CSS_round.rar_javascript_圆角
09-24
虽然CSS3的`border-radius`已经足够强大，但在某些特定情况下，如动态改变圆角大小或者老版本浏览器的支持问题时，我们可能需要借助JavaScript。例如，可以使用JavaScript库如jQuery来操作元素的样式： ```...
JS+style实现动态设置图片高宽
仗见天涯...
06-12 8811
function resizeIMG(){var objImg = document.getElementById("pictureID");//pictureID是图片ID号var img_w = objImg.width;var img_h = objImg.height;var w=parseInt(img_w);var h=parseInt(img_h);//默认图片最宽400
js中单位的相互转化
weixin_44283589的博客
07-13 2187
然后，我们传入一个毫米值（例如10）和设备分辨率dpi值（例如96），分别调用mmToPx和mmToPt函数，并将返回的像素值和点值打印到控制台上。mmToPx函数接受毫米值和设备分辨率dpi作为参数，将毫米转换为英寸，然后根据英寸和分辨率将其转换为像素。请注意，像素和点之间的转换是近似值，具体取决于设备和使用的测量标准。所以这些转换结果可能会存在一定的误差。mmToPt函数只接受毫米值作为参数，根据约定每毫米约等于2.83465点进行转换。
用javascript控制css中style.height和style.width时应注意px单位问题
飞翔的熊blabla
10-22 3466
JavaScript在ie中解析时，可以这样写： 1、document.getElementById('div').style.height=100;    //这样写以IE里会正确执行，把ID为div元素高改为100象素。 2、但是读的时候，alert(document.getElementById('div').style.height+10);    //这样将会出错，因为读取s
XHTML：非IE浏览器里对style.width赋值无效的问题
MosMovon的专栏
04-12 1658
在做JSP页面时，调试div的高度的时候，在IE等浏览器里都已经测试通过没有任何问题，但是在Chrome、Mozilla、Firefox、Netscape里测试时问题就来了，我的多页面是在页面里用到了 iframe，这些 iframe 初始的 style.height 都是0，而在加载页面之后，iframe 就会自适应被加载的页面高度，我是通过 iframe.style.height=300 这样
div.style.height div.height 区别
飞翔的熊blabla
10-22 4424
对，如果用原生的js： document.getElementById("div1").style.height 获取高度的话只能获取内嵌（行内）样式，也就是写在元素上面的样式，意思你用： document.getElementById("div1").style.height=“50px”; 或者在元素上： 设置了之后就可以用了，但是没有设置之前取不到！
JS中各种width和height的区别
Daisy_1的博客
03-19 2046
JS中各种width和height的区别 对于JS中各种width和height总是分不太清楚，今天先来仔细分辨一下，记录这些宽度和高度到底有什么秘密吧！ 直接上代码： <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> * { pa...
parsesize：将CSS size属性智能分解为width和height
标题描述了一个CSS预处理器的功能，即它可以解析并转换CSS中的`size`属性为`width`和`height`属性。这表明该预处理器主要面向简化和自动化CSS编码过程，尤其是属性映射部分。使用预处理器能够减少手动编写常见属性的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值