无法在javascript中增加动态创建标签的宽度

not able to increase width of dynamically created label in javascript?

本文关键字：标签 创建 动态 增加 javascript      更新时间：2023-09-26

我有一个问题，这是我试图动态创建标签和设置文本区域的文本，但问题是我无法通过javascript动态地增加标签的大小，我已经发布了HTML和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>

您将标签的显示模式设置为inline，因此它将忽略您在其上设置的任何宽度(无论是使用脚本还是CSS设置)

元素的宽度必须设置为display:block或display:inline-block

相关文章：