0

javascriptを使用してhtmlページにjson応答を表示しています。応答には、複数の結果と、各結果に対応する 1 つのリンクが含まれる場合があります。これを動的に表示しています。

このコードは次のとおりです。

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 のサイズを調整したい。これはどのように行うことができますか？

4

1 に答える 1

0

まず、jQuery などの JavaScript フレームワークを実際に使用してみてください。たとえば、eval() 関数はあまり安全ではありません。とにかく：

内部要素を保持する DIV の CSS で min-height と min-width を低い値に設定すると、必要に応じて自動的にストレッチされます。

JS の方法:

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

または、この divElement を HTML ページから取得する場合は、次を追加します。

class="innerElementHolder"

JS で作成するすべての要素を保持する DIV に。

innerElementHolder CSS は次のようになります。

.innerElementHolder {
    min-height: 10px;
    min-width: 10px;
}
于 2012-04-11T19:45:23.033 に答える