js获取循环表格中的按钮点击事件及当前行内容
js中，一个循环出来的表格，每行都有一个按钮（按钮当然也是循环出来的），然后点击其中一个按钮，便会显示被点击按钮当前行里面的内容。...
js中，一个循环出来的表格，每行都有一个按钮（按钮当然也是循环出来的），然后点击其中一个按钮，便会显示被点击按钮当前行里面的内容。
展开
1个回答
展开全部
拿走，不谢，表格本来是空的
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>js</title>
<style type="text/css">
</style>
<script>
window.onload=function(){
var str='';
var x=document.getElementById('s');
for(var i=1;i<4;i++){
str+='<tr>';
for(var j=1;j<3;j++){
str+='<td>这是第'+i+'行，第'+j+'列</td>';
}
str+='<td><button>点我</button></td></tr>';
}
s.innerHTML=str;
var b=document.getElementsByTagName('button');
for(var i=0;i< b.length;i++){
b[i].onclick=function(){
alert(this.parentNode.parentNode.innerText);
}
}
}
</script>
</head>
<body>
<table id="s"></table>
</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>js</title>
<style type="text/css">
</style>
<script>
window.onload=function(){
var str='';
var x=document.getElementById('s');
for(var i=1;i<4;i++){
str+='<tr>';
for(var j=1;j<3;j++){
str+='<td>这是第'+i+'行，第'+j+'列</td>';
}
str+='<td><button>点我</button></td></tr>';
}
s.innerHTML=str;
var b=document.getElementsByTagName('button');
for(var i=0;i< b.length;i++){
b[i].onclick=function(){
alert(this.parentNode.parentNode.innerText);
}
}
}
</script>
</head>
<body>
<table id="s"></table>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
