c# - HTMLテーブルを使用したOnClickイベント

Question

HTMLテーブルの特定のセルをクリックすると、新しいaspxページを開きたいのですが。これは可能ですか？よろしくお願いします

Answer 1

解決策1：これをテーブルセルに追加しますonclick = "redirectpage（）"

function redirectpage()
{
window.location="www.google.com";//page location
}

解決策2：テーブルセル内でハイパーリンクを使用する方がよいでしょう。そのよりエレガントなソリューション。

解決策3：これをJavaScriptに追加します

window.onload=setclickevent;
function setclickevent()
{
var myTab=document.getElementById('table');//Replace with your table id.
myTab.rows[0/*Row*/].cells[0/*Row's cell*/].onclick=function(){alert('event added');};
}

Answer 2

可能です。

タグ名で要素を取得し、それにクリックイベントを割り当てます。単純な無名関数で十分です。

Javascript：

var tablecell = document.getElementsByTagName("TD"):

for( index = 0; index < tablecell.length ; index++)
{
  tablecell[i].onclick = function(){
  window.open( 'newpage.aspx');
  };
}

これにより、dom全体ですべてのtd要素にクリックイベントが追加されます。

Answer 3

テーブルセルには次のようなものがあります

<td>テストセル</td>次のようにハイパーリンクを持つように変更できます

<td onclick ='window.location="www.google.com"'>テストセル</td>

新しいウィンドウで開きたい場合は、window.open（'www.google.com'）を使用してください。

これがお役に立てば幸いです。

ハッピーコーディング!!!