Javascript 如何使实际的盒子比其他盒子大？

我是javascript新手，我遇到了一个问题。我希望实际的（函数updateBoxes）框[boxIx]比其他的要大，但我似乎找不到有效的代码。我试过box[boxIx].size=“100px”；框[boxIx].style.size=“100px”；没有结果。这是我的密码

function init() {

    box = document.getElementById("boxes").getElementsByTagName("div");
    for (var i=0; i<box.length; i++) {
        box[i].style.left = 70*i+"px";
    } // End for

    boxIx = box.length - 8;
    updateBoxes();
} // End init

function browseLeft() {
    if (boxIx > 0) boxIx = boxIx - 1;
    updateBoxes();
} 
// End browseLeft

function browseRight() {
    if (boxIx < box.length-1) boxIx = boxIx + 1;
    updateBoxes();}
 // End browseRight


**function updateBoxes() {

    box[boxIx].style.backgroundColor ="#CCC";
    box[boxIx].style.top = "20px";
    box[boxIx].style.zIndex = 9;**


    var z = 8;
    for (var i=boxIx-1; i>=0; i--) {
        box[i].style.backgroundColor ="#666";
        box[i].style.top = "0px";
        box[i].style.zIndex = z;
        z = z - 1;
    } // End for

    z = 8;
    for (var i=boxIx+1; i<box.length; i++) {
        box[i].style.backgroundColor = "#666";
        box[i].style.top = "0px";
        box[i].style.zIndex = z;
        z = z - 1;
    } // End for
} // End browseLeft

函数init（）{
box=document.getElementById（“box”）.getElementsByTagName（“div”）；
对于（变量i=0；i0）boxIx=boxIx-1；
updateBoxes（）；
} 
//末端棕色左
函数browseRight（）{
如果（boxIx=0；i--）{
框[i].style.backgroundColor=“#666”；
框[i].style.top=“0px”；
框[i].style.zIndex=z；
z=z-1；
}//结束
z=8；
对于（var i=boxIx+1；i，正如thirtydot指出的那样，在示例代码中有两个“**”实例，我已经删除了它们，因为我假设这是编辑时的一个降价小故障

您的示例仅显示JavaScript代码。您正在使用的HTML标记和CSS样式将非常有用。我创建了一个提琴供讨论，并在此处为您解决此问题：

我注意到一些可能有用的事情：

您在一些地方使用了幻数8。我们可以假设这是框的数量吗？我会将其存储在一个变量中，以便在函数中使用
你使用了很多直接的样式。如果你使用CSS类来改变方框的外观，你的代码可能会更干净
除非更改DIV的默认样式，否则只需设置左偏移量，就不会看到太多更改
另外，我在页面加载时随意调用了init函数，因为我没有看到其他调用它的方法。我不知道什么会调用browseLeft和BrowserRight，但我将把它留给您。
**function updateBoxes（）
可能是格式错误，但谁知道呢？那么您想更新宽度和高度？有没有理由不使用
box[boxIx].style.width=box[boxIx].style.height=“100px”
？