这是我在工作中编程的问题我必须使用一个我不会命名的程序,没有什么大不了的。但我需要为进度条创建一些响应式设计,并且在使用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 + "%";
答案 0 :(得分:2)
线索在函数getElementsByClassName
的名称中。注意它是"元素",复数。它返回一组元素,即使只有一个匹配。因此,您必须选择其中一个来使用函数item()
。
假设您想要第一场比赛,请尝试:
document.getElementsByClassName("progLf").item(0).width = blah