js中设置元素宽度，js设置元素宽度和高度

js获取ClassName后,怎样设置元素宽度

js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

var wt = document.getElementById(picBox).width；这样。另外推荐用jQuery写。

或者： 当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight：100%；} 这样图片会自动缩放到和其父容器等宽。

你怎么知道我有答案？昨天是回答了，结果无缘无故被弊，再试试吧 【注意】因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是【全角】，你复制粘贴之后自己用编辑器查找/替换全部吧。

你可以用document.body.scrollWidth 来获取，但兼容性本人没有做过测试。

同理，获取border-right宽度，只需要将left换成right就可以了。还需要注意，在IE浏览器中，综合属性border/borderLeft返回的值为 或者undefined。我们需要写出具体的属性名称来，比如borderLeftWidth，才能获取到正确的值。

相关问答

Q1: 使用js修改html标签宽度的方法

1、标记：FRAMESET 例子：frameset rows=90，* frameborder=0 border=0 framespacing=2 border=2 bordercolor=#008000/frameset 功用：宣告HTML文件为框架模式，并设定视窗如何分割。

2、第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

3、接着新建一个css文件，如图，命名为“css”这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度。

4、方法2 将整个页面的宽度设置为固定值，并使其居中显示。优点：可以很大程度的消除不同分辨率下的显示差异。缺点：分辨率宽度大于这个固定值的时候，页面两边会出现空白。

5、注：利用js是不能修改图片的实际大小的，修改的只是图片在标签中对应的width，height属性。

6、对于如何修饰html标签，这对于js来说，可以通过setAttribute来设置标签的属性，通过getAttribute来得到标签的属性，而在jq中当然也可以实现类似的功能，方法上肯定比js要简化多了。

Q2: 怎么js设置Img的宽度,和高度

通过{width：50%；height：auto；}实现图片高度跟随宽度比例调整。但是这个百分比是根据父级的高度来计算的，根本不是根据元素自身的宽度，那么就做不到Div的宽高达成一定的比例。

首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

js代码：var oImg = document.getElementById(img)；oImg.width = 50px； //当给img标签的宽度设置为50px后，高度会自动按比例缩小。

js中设置元素宽度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置元素宽度和高度、js中设置元素宽度的信息别忘了在本站进行查找喔。