<div class="htmlarea"> <textarea id="runcode4150"> <input id="txtping"> <table width="400" border="0" cellspacing="0" cellpadding="1" id="ch"> <tr> <td> 中国北京</td> </tr> <tr> <td> 中国上海</td> </tr> </table> </textarea> <br><input onclick="runEx('runcode4150')" type="button" value="运行代码"><input onclick="doCopy('runcode4150')" type="button" value="复制代码"> <input onclick="doSave(runcode4150)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A 모두 선택 참고: </a>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 </div>]<script language="javascript" type="text/javascript"> var tabobj = document.getElementById("ch"); //获取 Table 对象 for( var i=0; i<tabobj.rows.length;i++) //给单元格添加事件 { tabobj.rows[i].onclick=function(){document.getElementById("txtping").value = this.innerText;}; //取值 tabobj.rows[i].onmouseover=function(){this.style.background="#0EF";}; //行变色 tabobj.rows[i].onmouseout=function(){this.style.background="";}; tabobj.rows[i].style.cursor="pointer"; } function sets(obj) { document.getElementById("div1").style.top = document.getElementById(obj).offsetTop + document.getElementById(obj).offsetHeight + "px"; document.getElementById("div1").style.left = document.getElementById(obj).offsetLeft + document.body.scrollLeft + "px"; } //javascript添加table function creatTable() { //用createElement函数创建tbody,tr,td,textNode元素 //关于各元素的意义不在此描述 var tables = document.createElement("table"); tables.setAttribute("id","chen"); tables.setAttribute("border","1px"); tables.setAttribute("width","300px"); var tbody= document.createElement("tbody"); var row=document.createElement("tr"); var cell=document.createElement("td"); var textNode=document.createTextNode("test"); //因为各元素都是节点与子节点的关系用appendChild()函数将各节点连接起来 cell.appendChild(textNode); row.appendChild(cell); tbody.appendChild(row); tables.appendChild(tbody); document.getElementById("div3").appendChild(tables); //添加到id号为div3的层 } //给每个单元格添加方法 for(var j=0;j< tabobj.rows.length;j++)//行 { for(var h=0;h< tabobj.rows.item(0).cells.length;h++) //单元格 { tabobj.rows[j].cells[h].onclick=function(){ch(this);}; } } </script>