原生javascript 如何使一个元素的宽度-1px 求大神解答!

答案:3 悬赏:20 手机版

解决时间 2021-02-27 19:45

提问者网友：王者佥
2021-02-27 11:14

最佳答案

五星知识达人网友：像个废品
2021-02-27 12:12

你自己看看改改吧！！！ javascript获取元素的高度： var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 扩展： 获取元素的实际大小 clientWidth和clientHeight 这组属性可以获取元素可视区的大小，可以得到元素内容及内边距所占据的空间大小。返回了元素大小，但没有单位，默认单位是px，如果你强行设置了单位，比如100em之类，它还是会返回px的大小。(CSS获取的话，是照着你设置的样式获取)。对于元素的实际大小，clientWidth和clientHeight理解方式如下： a. 增加边框，无变化； b. 增加外边距，无变化； c. 增加滚动条，最终值等于原本大小减去滚动条的大小； d. 增加内边距，最终值等于原本大小加上内边距的大小； <html> <head> <style type="text/css" media="screen"> #text { border: 1px solid #999; width=2000px; height=200px; color=#000; } </style> <script type="text/javascript" charset="utf-8"> function abc(){ var x=""; // var y=""; // document.getElementById("text").innerHTML=x; document.getElementById('text').style.width=x; // y=x-1900; // document.getElementById('text').style.width=y; } </script> </head> <body onload="abc();"> <div id="text"> 1234 </div> </body> </html>上面是测试代码，除了用内嵌写HTML还有没有能获得宽度的办法？？

全部回答

1楼网友：枭雄戏美人
2021-02-27 14:25

//宽度-1px 实际上是通过js操作对象的样式,获取对象后可以直接操作。 var div = document.getElementById('div'); div.style.width = div.style.width -1 ; //不太清楚你对获取元素不了解还是对样式操作不了解。 //样式操作的话可以查看css中，每一个属性在js中都有对应的写法，border-width 这类的使用驼峰写法，borderWidth 进行修改。

2楼网友：等灯
2021-02-27 13:09

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！