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>
给你参考模羡下
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)