博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM 表单应用
阅读量:5322 次
发布时间:2019-06-14

本文共 2087 字,大约阅读时间需要 6 分钟。

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 34 
35 用户名:
36 密码:
37
38
39
40

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

 

 

转载于:https://www.cnblogs.com/paxster/p/3472024.html

你可能感兴趣的文章
Java 实践:生产者与消费者
查看>>
[转]IOCP--Socket IO模型终结篇
查看>>
js 获取视频的第一帧
查看>>
各种正则验证
查看>>
观察者模式(Observer)
查看>>
python中numpy.r_和numpy.c_
查看>>
egret3D与2D混合开发,画布尺寸不一致的问题
查看>>
freebsd 实现 tab 命令 补全 命令 提示
查看>>
struts1和struts2的区别
查看>>
函数之匿名函数
查看>>
shell习题第16题:查用户
查看>>
实验4 [bx]和loop的使用
查看>>
Redis常用命令
查看>>
2018.11.06 bzoj1040: [ZJOI2008]骑士(树形dp)
查看>>
2019.02.15 bzoj5210: 最大连通子块和(链分治+ddp)
查看>>
redis cluster 集群资料
查看>>
微软职位内部推荐-Sr. SE - Office incubation
查看>>
微软职位内部推荐-SOFTWARE ENGINEER II
查看>>
centos系统python2.7更新到3.5
查看>>
C#类与结构体究竟谁快——各种函数调用模式速度评测
查看>>