使用javascript将td宽度更改为百分比

时间:2014-05-02 00:15:42

标签: javascript jquery html

这是我在工作中编程的问题我必须使用一个我不会命名的程序,没有什么大不了的。但我需要为进度条创建一些响应式设计,并且在使用js将宽度更改为百分比时遇到一些问题。这似乎是一个简单的问题,我知道如果td元素用ids标记而不仅仅是类,我需要做什么。我无法让getElementsByClassName为我工作,但如果我可以操作html并插入id并使用getElementsById则没有问题。所以基本上我的问题是我在js的编码中做错了,它表现不正常还是我缺少另一种选择。

这是我无法开始工作的小提琴:http://jsfiddle.net/xHfm7/ document.getElementsByClassName("progLf").width = document.getElementsByClassName("progLf").width + "%";

这是小提示,表明它使用Id抓取:http://jsfiddle.net/5uHZ9/

document.getElementById("progLf").width = document.getElementById("progLf").width + "%";

1 个答案:

答案 0 :(得分:2)

线索在函数getElementsByClassName的名称中。注意它是"元素",复数。它返回一组元素,即使只有一个匹配。因此,您必须选择其中一个来使用函数item()

假设您想要第一场比赛,请尝试:

document.getElementsByClassName("progLf").item(0).width = blah