Falko: getElementsByTagName nach dynamischer Erzeugung

Beitrag lesen

SELF-Forum

getElementsByTagName nach dynamischer Erzeugung

Falko
– Informationen zu den Bewertungsregeln

Hallo - ich habe eine kleine Testseite gebastelt. Ich erzeuge dynamisch eine Tabelle die unter anderem Checkboxen beinhaltet.

Nach der erzeugung kann man mit dem Button eine Mehtode ausführen, die alle elemente durchgeht:

hier der code:

<html>
<body>

<div id="User">
</div>

<script type="text/javascript">
<!--

function createTable()
{
 var appendField = document.getElementById("User");
 var table = document.createElement("table");
 var tableBody = document.createElement("tbody");

for (var i = 0 ; i<20; i++ )
 {
  var tableRow = document.createElement("tr");

//TD 1
  var tableData = document.createElement("td");
  tableData.appendChild(document.createTextNode("TestInhalt"+i));
  tableRow.appendChild(tableData);

//TD 2
  var tableData = document.createElement("td");
  var checkbox = document.createElement("input");
  checkbox.name="toUpload";
  checkbox.type="checkbox";
  checkbox.value="value"+i;
  tableData.appendChild(checkbox);
  tableRow.appendChild(tableData);

tableBody.appendChild(tableRow);

}

table.appendChild(tableBody);
 appendField.appendChild(table);
}

function goThrewIt()
 {
  var CheckBoxElemente = document.getElementsByName('toUpload');
  alert (CheckBoxElemente.length);
  for (var i = 0; i<CheckBoxElemente.length; i++)
  {
   alert('value='+CheckBoxElemente[i].value+' name=|'+CheckBoxElemente[i].name+"|");
  }
 }

createTable();

//-->
</script>

<input type="button" onClick=goThrewIt() value="los gehts" />
</body>
</html>

------

Wenn ich nun die Stelle getElementsByName-Stelle wie folgt ändere:

var CheckBoxElemente = document.getElementsByTagName('input');

Findet er die dynamisch erzeugten Elemente und auch das name - Attribut von checkbox heißt richtig - wieso geht das nicht?

Und Sorry für den Fall dass ich unfähig war...

Beitrag melden
–
Informationen zu den Bewertungsregeln