js设置calss的宽度，js 设置宽度

JS能否获取动态class的宽度并赋值给高度,目的是实现响应式正方形,附HT...

你这样的写的话 不先赋值给thumbnail统一的高度的话恐怕页面会显得参差不齐而不是你想的4块模块平均撑开页面，还有你是把图片写进div你当背景，那就不需要js来处理这个问题。

修改div高度，可以直接给div的width赋值即可。

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

就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css(width，150px)；$(id).css(height，150px)；就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。

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

//上面的样式，修改了一下，加了一个class和设置了一个背景图。

相关问答

Q1: js中设置标签的长度

方法1：使用maxlength属性 textarea id=mess-inputtype=textname=messagemaxlength=10/textarea 使用maxlength即可限制最大字符数，但该属性不兼容IE8，所以考虑用下面的办法。

js限制文本框输入的长度为18位字符， 只能是数字和字母，如果输入的字符超过18位就不能在输入了。这个无需JS，用input text标签的maxlength属性即可实现。 代码如下： maxlength 属性后面设置需要限制的字段最大长度即可。

如何用JS控制网页字体大小，使其能够自适应屏幕大小？首先，在网页代码的头部，加入一行viewport元标签。

你这样可以改变中的值，此为测试页面，你的代码可以正常运行。另外，javascript部分我为你完善了一下，让用户填写东西以后，订花人不能为空这句话变回*。圈起来的部分是我添加的代码。

条码机打印的时候标签宽高如何设置 设置时两张宽度加起来再加中间垂直的间隙。

Q2: js中关于获取元素属性的方法(object.style.width)

和 getComputedStyle 方法不同的是，currentStyle 要获得属性名的话必须采用驼峰式的写法。也就是如果我需要获取 font-size 属性，那么传入的参数应该是 fontSize。

使用“document.getElementById (id值)”语句获取元素对象；？使用“元素对象.style.width=宽度值”语句来设置元素的宽度；需要在HTML中通过script标签添加javascript代码来实现。

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。

直接设置style对象(内联样式)使用JavaScript设置元素样式的最简单方法是使用style属性。在我们通过JavaScript访问的每个HTML元素时都有一个 style对象。此对象允许我们指定CSS属性并设置其值。

利用DOM提供的方法能够得到任何一个对象。getElementsByTagName返回一个数组，即使整个文档里只有一个元素，也返回一个数组。

Q3: 在js中修改html元素的class

JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

class属性规定元素的类名（classname）。class属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过JavaScript来改变带有指定class的HTML元素。

class 属性是在标签上引用样式表的方法之一，它的值是一个样式表的选择符，如果改变了 class 属性的值，标签所引用的样式表也就更换了，所以这属于第一种修改方法。

javascript中className属性可以获取和设置对象的类名，下面进行实例演示：单击li元素，该元素在red类之间切换（即单击一次显示红色，再次单击恢复原来的颜色，如此循环）。

myElement.className = “someCSSclass”；同样需要注意几点：l 不要将className写成class，因为class是JavaScript保留的关键字，我们不能使用。l 将定义在css中的样式直接赋值给className，就能改变myElement元素的样式。

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

1、使用“document.getElementById (id值)”语句获取元素对象；？使用“元素对象.style.width=宽度值”语句来设置元素的宽度；需要在HTML中通过script标签添加javascript代码来实现。

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

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

4、接下来，我将详细介绍三种设置元素样式的方式。

5、small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。

6、运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

Q5: 如何用js控制的class属性,比如onclick=javascript:this.class=css2...

在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。

document.getElementById( id ) 用于获取标签对应的 DOM 对象，你也可以用其它方法获取。className 是 DOM 对象的一个属性，它对应于标签的 class 属性。字符串 是 class 属性的新值，它应该是一个已定义的CSS选择符。

首先我们创建一个页面，写好一个button标签和一个提交的函数bb()：。看看页面效果。我们在点击提交后移除onclick事件。我们还应该在函数的末尾再恢复它。

处理radio的onclick事件，在事件处理函数中使用对象的className来修改class的值。

关于js设置calss的宽度和js 设置宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。