javascript - JavaScript 動的データ制御エラー

Question

(document.getelementbyId('textStopDesc11') が関数を使用している場合、動的コントロールにアクセスできません。どうすればよいですか?)

関数：

AddPlannedStop()

{

var table = document.getElementById('tblPlannedStop');
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var hidden = document.getElementById("hftblPlannedStoprowCount");
hidden.value = rowCount;


var btnDeleteIcon = "Images/deleteicon.png";
var cell1 = row.insertCell(0);
cell1.innerHTML ="<INPUT id='button" + (rowCount-1) + 0 +
"'onclick = 'deletePlannedStopRow()' style='WIDTH: 100%;" +
"BACKGROUND-POSITION: center; BACKGROUND-COLOR: menu;" +
"BACKGROUND-IMAGE: url(" + btnDeleteIcon + ")' type='button'>"; 
var cell2 = row.insertCell(1);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "txtStopDesc" + (rowCount - 1) + 1;
element2.id = rowCount + 1;
element2.style.width = "200px";
cell2.appendChild(element2);
var cell3 = row.insertCell(2);
return false;
}

Answer 1

テーブルに到達するのと同じ方法を使用している場合は、セル要素の間違った属性を設定しています。name の代わりに id 属性に動的命名を使用すると、役立つと思います。

element2.id = "txtStopDesc" + (rowCount - 1) + 1;