管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

创建表格，并添加事件

<html> 
<body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%2F%2F%E5%BB%BA%E4%B8%80%E4%B8%AArow%E8%A1%8C%EF%BC%8Ccol%E5%88%97%E7%9A%84%E8%A1%A8%E6%A0%BC%20%0D%0A%20%20var%20tbl%2C%20tbody%2C%20tr%2C%20td%2C%20text%2C%20i%2Cj%2Crow%2Ccol%3B%20%0D%0A%20row%3D10%3Bcol%3D15%3B%20%0D%0A%20%20var%20theDoc%20%3D%20document%3B%20%0D%0A%20%20var%20theBody%20%3D%20theDoc.body%3B%20%0D%0A%20%20%0D%0A%20%20tbl%20%3D%20theDoc.createElement(%22TABLE%22)%3B%20%0D%0A%20%20tbl.border%20%3D%20%221%22%3B%20%0D%0A%20%20tbl.setAttribute(%22id%22%2C%22abc%22)%3B%20%0D%0A%20%20tbody%20%3D%20theDoc.createElement(%22TBODY%22)%3B%20%0D%0A%20%20tbl.insertBefore(tbody%2C%20null)%3B%20%0D%0A%20%20theBody.insertBefore(tbl%2C%20null)%3B%20%0D%0A%20%20for%20(i%3D0%3B%20i%3Crow%3B%20i%2B%2B)%20%7B%20%0D%0A%20%20%20%20%20tr%20%3D%20theDoc.createElement(%22TR%22)%3B%20%20%20%0D%0A%20%20for%20(j%3D0%3Bj%3Ccol%3Bj%2B%2B)%20%0D%0A%20%20%7B%20%0D%0A%20%20%20td%20%3D%20theDoc.createElement(%22TD%22)%3B%20%0D%0A%20%20%20text%20%3D%20theDoc.createTextNode(%22Text%22)%3B%20%0D%0A%20%20%20tbody.insertBefore(tr%2C%20null)%3B%20%0D%0A%20%20%20tr.insertBefore(td%2C%20null)%3B%20%0D%0A%20%20%20td.insertBefore(text%2C%20null)%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%20%20var%20a%3D%22aaa%22%3B%20%0D%0A%20%20var%20b%3D%22bbb%22%3B%20%0D%0A%20%20document.getElementById(%22abc%22).attachEvent(%22onclick%22%2Cfunction()%7Balert(a)%3Balert(b)%7D)%3B%20%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程