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属性将设置元素的确切宽度