JS为表格每行添加点击事件

JS为表格每行添加点击事件,第1张

很举灶态简单;辩中不用修改html页面

js如下

window.onload=init;正源

function init(){

var trs=documents.getElmentsByTagName('TR')

for(var i=0i<trs.lengthi++)

trs[i].onclick=doclick

}

function doclick(){

alert(this.innerHTML)

}

你的意思是不是想,点击某一行,就在div1中显示出点击的这一行内容?

看你上面用的document.write,这样执行完之后,当然只会有你添加的表格了。它是把整个文档只写上了你要的表格,其它的元素都没了,我对你的代码做了修改,如下:

<div id='div1'>点击显示出现表格:野笑禅</div>

<div id='div2'></div>

<script type="text/javascript">

var x = ["升宴Saab","Volvo","BMW"]

function displaytable(){

var arr = []

arr.push("<table border='1'>")

for (var i=0i<x.lengthi++){

arr.push("<tr onclick='displayInfo("+ i +")'><td>"+ x[i] +"</td></tr>")

}

arr.push("</table>")

document.getElementById("div2").innerHTML = arr.join('')

}

function displayInfo(i){

document.getElementById("div1").innerHTML = x[i]

}

</script>

<input name="button" type="button" onClick="displaytable()"颂尘 value="显示" />

<html>

<head>

<title>Untitled Document</title>

<script>

function addRow()

{

var table = document.getElementById("t")

var tr = table.insertRow()

var td1 = tr.insertCell()

var input1 = document.createElement("input")

input1.name = "明迹a"

input1.value = "a"

td1.appendChild(input1)

var td2 = tr.insertCell()

var input2 = document.createElement("input")

input2.name = "b"

input2.value = "b"

td2.appendChild(input2)

var td3 = tr.insertCell()

var input3 = document.createElement("input")

input3.name = "旦槐拍c"

input3.value = "c"

td3.appendChild(input3)

tr.ondblclick = function()

{

tr.parentNode.removeChild(tr)

}

}

</script>

</head>

<body>

<table id="t" border="1">

</table><br>

<input type="button" value="addRow" onclick="addRow()"/>

</body>

</html>

给你参考模羡下


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11978808.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存