这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了操作 Table-- 动态添加删除表格及数据实现代码,有需要的朋友可以参考一下
效果:
代码:
- <head runat="server">
- <title></title>
- <style type="text/CSS">
- tr
- {
- height: 30px;
- }
- </style>
- <script type="text/javascript">
- window.onload = function () {
- var oName = document.getElementById('txt1');
- var oEasyName = document.getElementById('txt2');
- var oHero = document.getElementById('txt3');
- var oBtn = document.getElementById('btn');
- var oTab = document.getElementById('tab1');
- var num = oTab.tBodies[0].rows.length + 1;
- oBtn.onclick = function () {
- var oTr = document.createElement('tr');
var oTd = document.createElement('td')
oTd.innerhtml = num++;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = oName.value;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = oEasyName.value;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = oHero.value;
oTr.appendChild(oTd);
var oTd = document.createElement('td');
oTd.innerHTML = '删除';
oTr.appendChild(oTd);
oTd.getElementsByTagName('a')[0].onclick = function () {
oTab.tBodies[0].removeChild(this.parentNode.parentNode);
}
oTab.tBodies[0].appendChild(oTr);
}
};
来源: http://www.phperz.com/article/17/0629/278126.html