Question

我在HTML表格中动态添加行/单元格。在一个这样的单元格中，我希望在文本框下方有一个文本框和一些建议文本。为此我尝试了以下 -

//Insert a new row at index 1 of an existing HTML table
var row1 = table.insertRow(1);

//insert 2 cells
var cell1 = row1.insertCell(0);
var cell2 = row1.insertCell(1);

//Set the HTML for the cells. 2nd one having 2 DIVs
cell1.innerHTML="Label Name: *";
cell2.innerHTML="<div id=\"mytextbox\"/><div id=\"mysuggestiontext\"/>";

var myTextBoxDiv=dojo.byId("mytextbox");
var mySuggestionTextDiv=dojo.byId("mysuggestiontext");

alert("myTextBoxDiv: " + myTextBoxDiv + " mySuggestionTextDiv: " + mySuggestionTextDiv);
//This displays both the elements as HTMLDivElement

//Create a ValidationTextBox and keep at DIV mytextbox
var myValidationTextBox =  new ValidationTextBox(
 { required:true,
   value:"sometext",
   readOnly:false,
 }, "mytextbox");

//Checking the value of the divs again
myTextBoxDiv=dojo.byId("mytextbox");
mySuggestionTextDiv=dojo.byId("mysuggestiontext");

alert("myTextBoxDiv: " + myTextBoxDiv + " mySuggestionTextDiv: " + mySuggestionTextDiv);
//Here 'mySuggestionTextDiv' is displayed as null.

需要建议上面的代码有什么问题以及第二个DIV'ysuguggestiontext'会发生什么？如果它是错的，那么需要一些建议才能完成它。

Answer 1

然而找到它的根本原因。现在，我可以通过用输入元素替换第一个div来解决这个问题 -

cell2.innerHTML="<input type=\"text\" id=\"mytextbox\"/><div id=\"mysuggestiontext\"/>";

使用Textbox的div的种群，从表格单元格中删除另一个div

1 个答案: