获取样式_JS动画效果-慕课网

问答
评论
笔记

全部精华我要发布

oDiv.offsetWidth 的值弹出的是202，边框给的是1，为什么是加2？？

+ 我来回答回答最高可+2积分

2 回答 336 浏览

2022-07-16

oDiv.style.width与oDiv.offsetWidth有什么区别？

最赞回答 / SkySurfer

style.width获取的元素宽度只是div的宽度，不包括border、和padding所占的宽度，且宽度值是带单位px的。offsetWidth 获取的元素宽度为width+border+padding的值（不包括margin），且返回值只为一个数值，不带单位。

2 回答 1197 浏览

2022-08-08

这句代码是什么意思

最新回答 / 丶归途

哪一句？还是说是这一整段？

1 回答 1280 浏览

2018-09-14

有没有看完那节课？课程后面讲了，是因为盒子的原因，真正的宽度是设置的width值再加上边框的值*2（因为有左右边框）。offsetWidth读取的是width加上border的值，而style.width只是width的值。原先来说是oDiv.style.width + 2 = oDiv.offsetWidth（这里不是赋值，而是普通的相等）。实际oDiv.offsetWidth比oDiv.style.width大2像素，赋值运算的时候，虽然offsetWidth - 1了，也还是比style.width...

3 回答 1408 浏览

2018-05-30

如何获取样式中的初始值

最新回答 / fengyunzhu

var rotate=document.getElementById('id').style.transformrotate.substring(rotate.indexOf("(")+1,rotate.indexOf("d"))

2 回答 1333 浏览

2017-10-25

大家看看哪里出下问题了？

最新回答 / 沐雪琪

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>多物体动画</title><style>*{...

1 回答 880 浏览

2017-09-14

这里为什么要用parseInt？currentStyle和getComputedStyle返回什么？

最赞回答 / 前端小蜗牛_

。。明明是去掉px的好吗。。。返回像素的是什么鬼？

5 回答 1599 浏览

2017-11-01

parseInt是什么意思干嘛用的

已采纳回答 / 正在睡觉

parseFloat() 解析一个字符串并返回一个浮点数。 parseInt() 解析一个字符串并返回一个整数。 var iNum1 = parseInt("12345red"); //返回 12345var iNum1 = parseInt("0xA"); //返回 10var iNum1 = parseInt("56.9"); //返回 56var iNum1 = parseInt("red"); //返回 NaNvar fNum1 = parseFloat("12345red"); //...

2 回答 6740 浏览

2017-09-28

这一节的源代码在哪里？

最新回答 / qq_那么问题来了_2

```js<!DOCTYPE html><html><head><meta charset="UTF-8"><title>任意属性值2</title><style>body, ul, li {margin: 0;padding: 0;}ul,li {list-style: none;}ul li {width: 200px;height: 100px;background: yellow;margin-bottom: 20...

1 回答 716 浏览

2017-03-14

为什么width属性在外部嵌入和在div行内添加会得到不一样的效果呢

最赞回答 / 慕粉4382624

外部嵌入取的是offserWidth的值而offserWidth的值是包括padding和border的不仅仅是div本身的width。内部嵌入时候通过getStyle那个函数取的行内样式取的是DIv本身的宽不加padding和border

2 回答 742 浏览

2022-04-14

getStyle(obj,attr)

已采纳回答 / 尹为者

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><style>*{ margin:0; padding:0; } div{ width:200px; height:200px; background:red; bord...

3 回答 3411 浏览

2020-03-23

为什么我的alert(oDiv.style.width); 没有效果（offsetWidth就可以弹警告窗口）

最赞回答 / 慕粉3951534

不是没有效果，而是该值为空，可能你并没有用 JS 显式设置过 <...code...>这样设置过，才能取到值。

2 回答 928 浏览

2017-04-23

为什么不用getAttribute()？

已采纳回答 / S01010011

你的意思是为什么不用getAttribute获取CSS样式中的属性值吗？首先，想要获取外部/嵌入式CSS样式中的属性，getAttribute是做不到的。 getAttribute是用来获取元素上的属性的，比如id、class、用户自定义属性等等。虽然getAttribute可以获取到内联式CSS样式的属性（返回的是整个字符串，如"color:red;"），但是获取内联式CSS样式有更好的Element.styel.xxx属性（返回的是属性的值，如"red"）。所以获取属性值...

1 回答 891 浏览

2017-04-21

帮忙看一看!

最新回答 / 慕虎9681967

var speed=(iTarget-obj.offsetWidth)/10;和 if(iTarget==obj.offsetWidth)中的 obj.offsetWidth 也要改成parseInt(getStyle(obj,'width')) 加了边框 obj.offsetWidth的值肯定会增加border*2

4 回答 1035 浏览

2017-02-19

内间距外间距边框会影响！margin应该不影响吧？

最新回答 / qq_我叫红领巾_2

想了想应该会影响吧例子是bottom 下边界如果是left和right 应该就会影响输出结果

1 回答 848 浏览

2017-01-01

全部我要发布

最热最新

只看我的

4-2 获取样式

下一节课程：任意属性值（一） (09:47) 下一节重新观看

为你推荐

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

oDiv.offsetWidth 的值弹出的是202，边框给的是1，为什么是加2？？

oDiv.style.width与oDiv.offsetWidth有什么区别？

这句代码是什么意思

为什么会大一啊？

如何获取样式中的初始值

大家看看哪里出下问题了？

这里为什么要用parseInt？currentStyle和getComputedStyle返回什么？

parseInt是什么意思干嘛用的

这一节的源代码在哪里？

为什么width属性在外部嵌入和在div行内添加会得到不一样的效果呢

getStyle(obj,attr)

为什么我的alert(oDiv.style.width); 没有效果（offsetWidth就可以弹警告窗口）

为什么不用getAttribute()？

帮忙看一看!

内间距外间距边框会影响！margin应该不影响吧？

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

4-2 获取样式

热搜

最近搜索清空

下一节课程： 任意属性值（一） (09:47) 下一节 重新观看

为你推荐

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

下一节课程：任意属性值（一） (09:47) 下一节重新观看

账号登录验证码登录