Question

js设置元素宽度

我想要使用js 改变元素的宽度，
var s = document.body.clientWidth;
document.getElementById("body1").style.width=s;
这样写不起作用 请问错在那里了

Answer 1

变量没什么问题的,你看看，这个s有没有值,是不是加载js时，还没到body那儿，也就计算不出客户端的宽度。以下是具体实现代码：

具体公式是：

1. var  s = document.body.clientWidth;

2. document.getElementById("body1").innerHTML=s;

3. document.getElementById("body1").style.width="200px";

这个问题我自然想到过，所有时时都把S 是值显示出来了，S是有效的数字型的变量。

Answer 2

并没有getelementbyclassname()这个函数，只有getelementsbyclassname()，element后面有个s，这个返回来是多个节点的集合（因为class名有可能匹配到多个），假设只有1个元素用这个class名，那么要改变宽度可以：
var a=document.getelementsbyclassname("a");
a[0].style.width="500px";望采纳，谢谢

Answer 3

变量没什么问题的
你看看，这个s有没有值
是不是加载js时，还没到body那儿，也就计算不出客户端的宽度

追问

var s = document.body.clientWidth;
document.getElementById("body1").innerHTML=s;
document.getElementById("body1").style.width="200px";

这个问题我自然想到过，所有时时都把S 是值显示出来了
S 是有效的数字型的变量

追答

用变量给css设置宽度时不需要后面的px啊

Answer 4

你这是什么元素，你可以查看CSS的相关知识

追问

是这样的
比如在js中使用
document.getElementById("body1").style.width=“200px”;

那么这句是有效的
但是把“200px”换成一个有效的变量S
document.getElementById("body1").style.width=s;

他就不起作用了

追答

有时候，你的设置不一定会起作用，要看你设置的元素是什么，他的父级元素或子级元素是什么。这里面和CSS的相关知识有关系的

追问

我已经知道是那里的问题了document.getElementById("body1").style.width=s+“px”;

给变量S 加个单位就OK了