在html表格中弹出Javascript [英] Javascript popup in html table

问题描述

我有一个10 x 10的数据表，使用html标签创建。如果可以为每个单元创建一个onClick函数？我的意思是，如果我点击一个单元格，那么它在n个警报窗口中给我它的价值？如果是，那么怎么样？

; ：

  window.onload = function（）{
 var cells = document。的getElementById（ '表1'）的getElementsByTagName（ 'TD'）; 
 for（var i = 0，n = cells.length; i< n; i ++）{
 cells [i] .onclick = function（）{alert（this.innerHTML）} 
 } 
} 
  

I have a 10 x 10 with data table that is created using html tags. If it is possible to create a onClick function to each cell? I mean, if I click on a cell, then it gives me its value in a n alert window? If yes, then how?

解决方案

Plain JS - assuming <table id="table1">:

window.onload=function() {
  var cells = document.getElementById('table1').getElementsByTagName('td');
  for (var i=0, n=cells.length;i<n;i++) {
    cells[i].onclick=function() { alert(this.innerHTML) }
  }
}

这篇关于在html表格中弹出Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！