JAVASCRIPT的一些属性和方法的记录基本都是适合IE的遍历元素

最新推荐文章于 2021-06-04 22:26:29 发布

HolyCode_

最新推荐文章于 2021-06-04 22:26:29 发布

阅读量690

点赞数

分类专栏： java 文章标签： javascript ie table button class function

本文链接：https://blog.csdn.net/Primary_wind/article/details/7754093

版权

java 专栏收录该内容

77 篇文章 0 订阅

订阅专栏

JAVASCRIPT的一些属性和方法的记录基本都是适合IE的遍历元素

1.checkbox 传值（把子frame中的checkbox的值传向上一层框架）
var a=document.frame的名字.window.document.getElementsByName("对象名字");
    var b=a.length;
    var temp = new Array();
    for(i=0,j=0;i<b;i++){
        if(a[i].checked){
            temp[j]=a[i].value;
            alert(temp[j]);
            j++;
}}

2 event.srcElement的使用方法
<select name="selectname" οnchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" >
<option value="001">1</option>
<option value="002">2</option>
<option value="003">3</option>
<option value="004">4</option>
<option value="005">5</option>
</select>
3.添加行添加列
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<SCRIPT   LANGUAGE=javascript>
function   delCol()   {
try   {
var   Elm   =   event.srcElement;
while(Elm   &&   Elm.tagName   !=   "TR")   {
Elm   =   Elm.parentElement;
}
if(Elm.parentElement.rows.length   <=   1)   {
alert("无法删除！");
return;
}
Elm.parentElement.deleteRow(Elm.rowIndex);
}   catch(e)   {
alert("Err   5001:\r\n"   +   e);
}
}
function   addCol(id)   {
    try   {
    var   oTable   =   document.getElementById(id);
    if(oTable.tagName   !=   "TABLE")
        alert("Err   5002");
    var   oList   =   oTable.children;
    var   oTBODY;
    for(var   i=0;i<oList.length;i++)   {
    if(oList[i].tagName   ==   "TBODY")   {
        alert(i);
    oTBODY   =   oList[i];
    break;
    }
    }
    var   oTR   =   oTBODY.lastChild;
    var   newTR   =   oTR.cloneNode(true);

    addId(newTR);
    oTBODY.insertAdjacentElement("beforeEnd",newTR);
    }   catch(e)   {
    alert("Err   5002:\r\n"   +   e);
    }
}

function   addId(node)   {
try   {
if(!node.hasChildNodes())   {

var   prefix   =   node.getAttribute("id").split("_")[0];
var   postfix   =   node.getAttribute("id").split("_")[1];
   alert(postfix);
postfix   =   parseInt(postfix)   +   1;
node.setAttribute("id",prefix   +   "_"   +   postfix);
node.setAttribute("value","");
return;
}
}   catch(e)   {}
try   {
var   oList   =   node.childNodes;
for(var   i=0;i<oList.length;i++)   {
addId(oList[i]);
}
}   catch(e)   {
alert("Err   5003:\r\n"   +   e);
}
}
</SCRIPT>
</HEAD>

<BODY>
<table   width="100%"   border="1"   align="center"   cellpadding="3"   cellspacing="1"   bordercolor="#000000"   class="tableprintable"   id="t1">
                                  <tr id=a align="center"   class="tdbg0">
                                        <td   class="tdbg0">1</td><td><button   class="button"   onClick="delCol()">
                                          删除</button></td>
                                  </tr>
                              </table>
                              <button   class="button"   onClick="addCol('t1')">添加一行</button>
                          </td>
                      </tr>
                  </table>
</BODY>
</HTML>

4.遍历tr 这个是我项目中一个目录树的实现有了这个就好扩展了
function showTree(targetobj){

        var targ = document.getElementById(targetobj);
        tag = targ.rows[1].style.display;
        if(tag == "none"){
            //alert(targ.innerHTML);
            var size =targ.rows.length;
            //alert(size);
            for(n=1;n<size;n++){
                targ.rows[n].style.display = "block";
            }
        }else{
            var size =targ.rows.length;
            for(n=1;n<size;n++){
                targ.rows[n].style.display = "none";
            }
        }
}
5.如何通过JS 动态得到嵌套TABLE中TD的内容
<table>
<tbody id= "table1 ">
//这里做了个循环,是对以下的行进行迭代
<tr
<td>
<table>
<tr>
<td>
123
</td>
</tr>
<tr>
<td>
456
</td>
</tr>
</table>
</td>
</tr>
//循环结束
</tbody>
</table>

document.getElementById( "table1").rows[i].cells[1].childNodes[0].rows[0].cells[0];
or
document.getElementById( "table1 ").childNodes[i].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerText
一直到得到你要的结果

6.toFixed()方法
var a=0.618;
a.toFixed(2)的值为0.62

HolyCode_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JAVASCRIPT的一些属性和方法的记录基本都是适合IE的遍历元素

JAVASCRIPT的一些属性和方法的记录基本都是适合IE的遍历元素1.checkbox 传值（把子frame中的checkbox的值传向上一层框架）var a=document.frame的名字.window.document.getElementsByName("对象名字"); var b=a.length; var temp = new Array(
复制链接

扫一扫