javascriptで動的に作成されたラベルの幅を増やすことができませんか？

Question

私は問題があります。それは、ラベルを動的に作成し、テキストエリアのテキストを設定しようとしていますが、問題は、私はjavascriptを使ってラベルのサイズを動的に増やすことができない、以下のJavaScriptコード： -

javascriptの

function createLabel(){ 
    var lbl = document.createElement("label"); 
    lbl.id = "label2"; 
    var tr = document.createElement("tr"); 
    var lblText = document.getElementById("postbox").value; 
    lbl.innerHTML = lblText; 
    lbl.style.display = "block"; 
    tr.appendChild(lbl); 
    tr.style.display = "block"; 
    document.getElementById("postTd").appendChild(tr); 
    $("#label2").css("width", "50px;") 
} 

HTML： -

<div id="wrapper"> 
<a href="profile.php"><label id="label1" style="cursor:pointer;"><?php echo user_details('username'); ?></label></a> 
<textarea id="postbox" rows="4" style="position: absolute; resize:none; margin-left:450px; margin-top:70px;" cols="70"></textarea> 
<input type="submit" onclick="createLabel()" value="Post" style="position: absolute; margin-top:150px; margin-left:990px;" name="submit" /> 
<div id="hrln1" style="position:absolute; margin-top:150px; width:1050px; margin-left:0px;"><hr /></div> 
<div id="postContainer"> 

    <table id="postTable"> 
    <td id="postTd"> 

    </td>   
    </table> 

</div> 

Answer 1

あなたが設定していますinlineへのラベルの表示モード、それはあなたが（それは、スクリプトやCSSで設定されているかどうか）、それに設定された任意の幅を無視するよう

要素が正しく、彼らがdisplay:blockまたはdisplay:inline-block