Question

我正在使用javascript在html页面上显示json响应。响应可能包含多个结果，并且每个结果对应一个链接。我正在动态地显示它。

此代码为：

var response=eval('(' + request.responseText + ')');

        for(i=0;i<response.items.length;i++)
        {

            var innerDivElement=document.createElement('div');
            divElement.appendChild(innerDivElement);
            innerDivElement.setAttribute("id", response.items[i].link);
            innerDivElement.setAttribute("title","link_attr");
            innerDivElement.setAttribute("class","links");
            innerDivElement.innerHTML=response.items[i].link;
        }

这里所有的DIV都有相同的高度和宽度。我想根据innerHTML的大小来调整DIV的大小。如何做到这一点？

Answer 1

首先，您应该尝试使用像jQuery这样的JavaScript框架。例如，eval（）函数不是很安全。但无论如何：

如果在包含内部元素的DIV的CSS中将min-height和min-width设置为较低的值，则会在需要时自动拉伸。

JS方式：

divElement.setAttribute("class", "innerElementHolder");

或者，如果要从HTML页面检索此divElement，只需添加：

class="innerElementHolder"

到包含你在JS中创建的所有元素的DIV。

innerElementHolder CSS应该是这样的：

.innerElementHolder {
    min-height: 10px;
    min-width: 10px;
}

动态调整多个DIV的大小

1 个答案: