如何检查表td的值
How to check value of table td?
我正在尝试创建雷场游戏。"我对Js很陌生"。
到目前为止我做了什么:
var level = prompt("Choose Level: easy, medium, hard");
if (level === "easy") {
level = 3;
} else if (level === "medium") {
level = 6;
} else if (level === "hard") {
level = 9;
}
var body = document.getElementsByTagName("body")[0];
var tbl = document.createElement("table");
var tblBody = document.createElement("tbody");
for (var i = 1; i <= 10; i++) {
var row = document.createElement("tr");
document.write("<br/>");
for (var x = 1; x <= 10; x++) {
var j = Math.floor(Math.random() * 12 + 1);
if (j < level) {
j = "mined";
} else {
j = "clear";
}
var cell = document.createElement("td");
var cellText = document.createTextNode(j + " ");
cell.appendChild(cellText);
row.appendChild(cell);
}
tblBody.appendChild(row);
}
tbl.appendChild(tblBody);
body.appendChild(tbl);
tbl.setAttribute("border", "2");
所以我在这里创建了2d表,并在行和列中输入2个随机值(挖掘或清除)。
我被卡住的地方是:
检查是否td = mined,否则打开box(td)等。
我如何分配值的td?我的意思是我怎么能检查哪个值(挖掘/清除)有在点击的td ?
Ps:请不要写完整的代码:)请给我看一下曲目:)
谢谢你的回答!
Ok !我走了这么远…但如果我点击行,它有时会显示清楚,即使我点击已挖掘的行,反之亦然!
// create the table
var body = document.getElementsByTagName("body")[0];
var tbl = document.createElement("table");
tbl.setAttribute('id','myTable');
var tblBody = document.createElement("tbody");
//Create 2d table with mined/clear
for(var i=1;i<=10;i++)
{
var row = document.createElement("tr");
document.write("<br/>" );
for(var x=1;x<=10;x++)
{
var j=Math.floor(Math.random()*12+1);
if(j<level)
{
j = "mined";
}
else{
j = "clear";
}
var cell = document.createElement("td");
var cellText = document.createTextNode(j + "");
cell.appendChild(cellText);
row.appendChild(cell);
}
tblBody.appendChild(row);
}
tbl.appendChild(tblBody);
body.appendChild(tbl);
tbl.setAttribute("border", "2");
//Check which row is clicked
window.onload = addRowHandlers;
function addRowHandlers() {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (i = 0; i < rows.length; i++) {
var currentRow = table.rows[i];
var createClickHandler =
function(row)
{
return function() {
var cell = row.getElementsByTagName("td")[0];
var id = cell.innerHTML;
if(id === "mined")
{
alert("You died");
}else
{
alert("clear");
}
};
}
currentRow.onclick = createClickHandler(currentRow);
}
}
我想我做错了给表id "myTable".
你能看见吗?
提前感谢!
所以,我们的想法是:
-
为每个td单元格分配一个click事件:
td.addEventListener('click', mycallback, false);
-
在事件处理程序(回调)中,检查td的内容:
function mycallback(e) { /*e.target is the td; check td.innerText;*/ }
教师资源:
-
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td?redirectlocale=en-US& redirectslug = HTML % 2 felement % 2 ftd
https://developer.mozilla.org/en-US/docs/DOM/EventTarget.addEventListener JavaScript,获取id为
的td的值
相关文章:
- 正在获取生成的PHP td值
- 在同一tr-jQuery中获取td的值
- 根据值向表的每个 td 添加标题属性
- 如何通过Javascript更改以前TD中的值
- 我如何在AJAX中循环数据并在其中存储特定值's各自的tr td
- 获取动态值 tr jquery 的每个 td 值
- 我想在 td 的值发生变化时更改突出显示的 td
- 无法动态设置表的 td 元素的值
- 向数据表中的单个 td 添加多个值
- 如何在MVC中点击时获取TD的值
- 根据数据库中的值更改 td 单元格的颜色
- 如何使用 Jquery 将字段中的值设置为表 td
- 在 foreach 循环中获取 TD 的值
- jQuery 获取表中 td 的值
- 如何使用 JQuery 获取表的第一个 td 的值
- 如何在 JavaScript 或 jQuery 中获取 TD 的值
- 在 HTML 表中循环并获取每个 tr 的每个 TD 的值
- 在 Jquery 中获取 TD 的值
- 如何使用类名获取最接近的 TD 的值
- 如何从td中删除显示的值并替换为输入字段