javascript - GetElementById ('div' +i) 增量

Question

我尝试在该网站中搜索，但找不到我要找的内容..

我创建了一个带有增量的 div id，并且我想选择该 div 标签，因为我尝试通过 javascript GetElementById 设置宽度，因为如果您使用 GetElementsByClass，我正在运行的代码将无法工作

这就是我正在做的事情

var list = document.getElementsByClassName("mycontent");
for (var i = 0; i < list.length; i++) {
list[i].setAttribute("id", "custom-id-" + i);
}
var widthx = document.getElementById('testx').offsetWidth;
document.getElementById('div-2').style.width = widthx + 'px';
document.getElementById('div-3').style.width = widthx + 'px';
document.getElementById('custom-id-'+i).style.width = widthx + 'px';
document.getElementsByClass('mycontent').style.width = widthx + 'px';

这两幅作品

document.getElementById('div-2').style.width = widthx + 'px';
document.getElementById('div-3').style.width = widthx + 'px';

但这就是我工作所需要的

document.getElementById('custom-id-'+i).style.width = widthx + 'px';
document.getElementsByClass('mycontent').style.width = widthx + 'px';

有什么想法可以让它运行吗？这是 JSFiddle

提前致谢各位

Answer 1

应该在循环内:

var list = document.getElementsByClassName("mycontent");
for (var i = 0; i < list.length; i++) {
list[i].setAttribute("id", "custom-id-" + i);
list[i].id = 'custom-id-' + i; list[i].style.width = widthx + 'px';
}