1.大小写转换
1
2.查找相应元素的位置
1
3.split分割字符串+search查询
1
4.获取表格元素
1 window.οnlοad=function ()2 {3 var oTab=document.getElementById('tab1');4 //alert(oTab.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[2].getElementsByTagName('td')[1].innerHTML);5 alert(oTab.tBodies[0].rows[2].cells[1].innerHTML);//row代表行,cell代表列6 };7
5.onsubmit+onreset事件
1 32 33 3440
6.移动ul里面的li
1
1
7.对数字进行排序sort()函数
1
8.表单隔行变色
1
9.升序+降序
1 window.οnlοad=function () 2 { 3 var oBtn=document.getElementById('btn1'); 4 var oTab=document.getElementById('tab1'); 5 var bAsc=true; //是否是升序排列 6 7 oBtn.οnclick=function () 8 { 9 var arr=[];10 var i=0;11 //1.转成数组12 for(i=0;i
10.表格增加/删除功能
1 window.οnlοad=function () 2 { 3 var oTab=document.getElementById(·2'tab1'); 4 var oBtn=document.getElementById('btn1'); 5 var oTxt=document.getElementById('txt1'); 6 var iNowId=oTab.tBodies[0].rows.length+1; 7 8 oBtn.οnclick=function () 9 {10 var oTr=document.createElement('tr');11 var oTd=null;12 13 oTd=document.createElement('td');14 oTd.innerHTML=iNowId++;15 oTr.appendChild(oTd);16 17 oTd=document.createElement('td');18 oTd.innerHTML=oTxt.value;19 oTr.appendChild(oTd);20 21 oTd=document.createElement('td');22 oTd.innerHTML='删除';23 oTr.appendChild(oTd);24 25 oTd.getElementsByTagName('a')[0].οnclick=function ()26 {27 oTab.tBodies[0].removeChild(this.parentNode.parentNode);28 };29 30 oTab.tBodies[0].appendChild(oTr);31 };32 };
11.搜索表格元素/高亮显示
1 window.οnlοad=function () 2 { 3 var oBtn=document.getElementById('btn1'); 4 var oTab=document.getElementById('tab1'); 5 var oTxt=document.getElementById('txt1'); 6 7 oBtn.οnclick=function () 8 { 9 var i=0;10 11 for(i=0;i