我编写了一个程序,其中使用 DOM 创建表。当您单击表的一行(事件由 addEventListener 添加)时,会出现一个消息框。该程序到目前为止有效。
但现在我想知道点击了哪一行。我的想法是确定行的传输参数。但我不知道如何意识到这一点。
如果您对实现此目的的更好方法有建议,我会欢迎他们。
该程序:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function init()
{
var myTable = document.getElementById("tabelle_click");
var mytablebody = document.createElement("tbody");
for(var j = 0; j < 3; j++)
{
var mycurrent_row = document.createElement("tr");
mycurrent_row.addEventListener("click", geklickt);
for(var i = 0; i < 2; i++)
{
var mycurrent_cell = document.createElement("td");
mycurrent_cell.setAttribute("id","id" + j);
var currenttext = document.createTextNode("z" + j + "s" + i);
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
}
mytablebody.appendChild(mycurrent_row);
}
myTable.appendChild(mytablebody);
}
function geklickt()
{
alert("Es wurde geklickt!");
}
</script>
</head>
<body onLoad="init()">
<div id="div_tabelle">
<table id="tabelle_click" border="solid 1px black">
</table>
</div>
</body>
</html>