Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript document.createElement文本字段长度_Javascript_Html_Css_Dhtml - Fatal编程技术网

Javascript document.createElement文本字段长度

Javascript document.createElement文本字段长度,javascript,html,css,dhtml,Javascript,Html,Css,Dhtml,我使用下面的代码,只需按一下按钮,即可动态添加带有文本字段的行。我遇到的问题是,在这些行中创建的文本字段的大小不是我想要的。在这种情况下,有没有办法指定文本字段的长度 function addNewRow() { var iX = document.getElementById("txtIndex").value; iX ++; document.getElementById("txtIndex").value = iX; var tbl = document.

我使用下面的代码,只需按一下按钮,即可动态添加带有文本字段的行。我遇到的问题是,在这些行中创建的文本字段的大小不是我想要的。在这种情况下,有没有办法指定文本字段的长度

function addNewRow()
{
    var iX = document.getElementById("txtIndex").value;
    iX ++;
    document.getElementById("txtIndex").value = iX;

    var tbl = document.getElementById("tblDetail").getElementsByTagName("TBODY")[0];
    var tr = document.createElement("TR");
    tbl.appendChild(tr);

         //Text Field:  txtOffsetDateCleared1
    var tdOffsetDateCleared = document.createElement("TD");
    tr.appendChild(tdOffsetDateCleared);

    var p = document.createElement("P");
    tdOffsetDateCleared.appendChild(p);

    var txtOffsetDateCleared = document.createElement("input"); 
    p.appendChild(txtOffsetDateCleared);

    txtOffsetDateCleared.id = "txtOffsetDateCleared" + iX;

    var txtOffsetDateCleared1 = document.getElementById("txtOffsetDateCleared1");
    var i = 0;

    for (i = 0; i < txtOffsetDateCleared1.children.length; i++)
        {
            var opt = document.createElement("option");
            opt.value = txtOffsetDateCleared1 [i].value;
            opt.innerText = txtOffsetDateCleared1 [i].innerText;
            txtOffsetDateCleared.appendChild(opt);
        }
}
函数addNewRow()
{
var iX=document.getElementById(“txtIndex”).value;
iX++;
document.getElementById(“txtIndex”).value=iX;
var tbl=document.getElementById(“tblDetail”).getElementsByTagName(“TBODY”)[0];
var tr=document.createElement(“tr”);
附肢儿童(tr);
//文本字段:txtOffsetDateCleared1
var tdOffsetDateCleared=document.createElement(“TD”);
tr.appendChild(tdOffsetDateCleared);
var p=document.createElement(“p”);
tOffsetDateCleared.appendChild(p);
var txtOffsetDateCleared=document.createElement(“输入”);
p、 appendChild(txtOffsetDateCleared);
txtOffsetDateCleared.id=“txtOffsetDateCleared”+iX;
var txtOffsetDateCleared1=document.getElementById(“txtOffsetDateCleared1”);
var i=0;
对于(i=0;i
您可以设置
宽度
CSS属性或
大小
HTML属性:

txtOffsetDateCleared.setAttribute('size',10); // HTML attribute
txtOffsetDateCleared.style.width = '200px';   // CSS property
我建议使用CSS属性而不是HTML属性,因为后者将宽度指定为文本框中显示的字符数。CSS属性将设置元素的确切宽度