DOM(14)——元素的位置、大小单位

本文详细解释了在使用DOM操作元素的尺寸和位置时,如何正确地设置和获取元素的top、left、width和height属性。特别关注了在不同浏览器间的兼容性问题,如IE与FF对数值和单位的不同要求。

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

通过dom读取元素的top、left、width、height等取到的值不是数字,而是“10px”这样的字符串;为这些属性设值的时候IE可以是80、90这样的数字,FF必须是“80px”、“90%”等这样的字符串形式,为了兼容各种浏览器,统一用字符串形式。

易错:不要写成div1.style.width=80px,而是div1.style.width='80px'  。

如果要修改元素的大小(宽度加10),则首先要取出元素的宽度,然后用parseInt将宽度转换为数字(parseInt可以将"20px"这样数字开头的包含其他内容的字符串解析为20);然后加上一个值,再加上px赋值回去。

附加:

元素位置、大小的单位有:px、em、%

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值