摘要：
table排序：先用sort对tbody中的tr进行排序，然后用appendChild将每个tr按排好的顺序插入到父节点中；appendChild：此时分两步操作：1，先将tr从原父元素中删除，2再将tr插入到父元素末尾；sort:是数组的方法；arr.sort；而通过oTab.tBodies[0].rows获取的是tr元素集合；元素集合只有length.这个类似数组的属性，但无sort，splice等数组的方法；因此要讲元素集合转换成数组，方法如下：var arr=[];//定义一个空数组；for(var i=0;i<oTab.tBodies[0].rows.length;i++){ 阅读全文
摘要：
table搜索记录：1搜索时不分字符串大小写：用str.toLowerCase(); 2.搜索字符串中包含某字段：str.search(字段);它会返回该字段在字符串中的位置，如果字符串中无该字段，则返回-1； 3.搜索字段中含空格：用str.split(' ');将字符串用空格分开；例子：遍历tbody里面的tr。比较tr里内容tr.innerHTML与txt输入框里文本字符串是否有相同的地方；<body>姓名：<input id='txt1'type='text'/><input id='btn1' 阅读全文
摘要：
练习：table添加删除一行；添加子元素用：appendChild; 为元素添加内容用：object.innerHTML，oTd.innerHTML='<a href="javascript:;">删除</a>'删除元素用：父节点.removeChild(子节点)添加，删除都是操作tbody里面的tr;添加行的序号:用oTab.tBodies[0].rows.length+1数组序号加1来作为行的序号；每加一行加1.为了使删除某一行后，序号依旧按元顺序增加，所以用一个变量id来储存当前序号，那么即便删除一行后，序号还是不变，当再加一行 阅读全文
摘要：
js操作table,获取tbody:tBodies, 获取thead:tHead; 获取tfoot:tFoot; 获取tr:rows; 获取td:cells;鼠标移入变色：<table> <thead> <td>序号</td> <td>姓名</td> <td>年龄</td> <td>操作</td> </thead> <tbody> <tr> <td>1</td> <td>刘一</td> < 阅读全文
摘要：
创建元素：cereatElement('li');一般是先创建元素，然后将改元素插入到一个元素中。添加元素：父元素.appendChild(子元素);是末尾插入，如果是将父元素中的一个子元素插入该父元素末尾，分两步，1先从一个父元素中删除这个子元素，2再将这个子元素插入父元素中；插入到某个元素前：父元素.insertBefore(插入元素，目标元素);移出某一个元素：父元素.removeChild(子元素);提交输入的内容：<input type='text' id='txt1'/><input type='button 阅读全文