关于动态写入表格问题的扩展

这里有几个问题

1.跨浏览器支持 （水平有限，目前只研究FF和IE）

2特殊字符处理

3除了TEXT以外的元素对象数据插入，比如DROPDOWNLIST

下面将一一解决，大牛们如果有更好解决方法，欢迎指教。。。

 

1 跨浏览器支持，此问题产生于输入数据源为iFrame类型的，因为在不同的浏览器下，获取iFrame的对象方法是不同的

 

if (window.navigator.userAgent.indexOf("MSIE")>=1)
    {
        //如果浏览器为IE
        var gl_doc = document.getElementById("frame_check").Document;   
    }else if(window.navigator.userAgent.indexOf("Firefox")>=1)
    {
        //如果浏览器为Firefox
        var gl_doc = document.getElementById("frame_check").contentDocument;
    }
    else
    {
        return false;
    }
 

id为frame_check的对象，是在本页中的iFrame的ID

获得此对象后，就可以根据他，来获得用户输入的信息了

 

var Defname = gl_doc.getElementById("Defname");
  var Defdesp = gl_doc.getElementById("Defdesp");
  var Defcode = gl_doc.getElementById("Defcode");
  var Deftype = gl_doc.getElementById("Deftype");
  var FlagType = gl_doc.getElementById("FlagType");
  var Deflable = gl_doc.getElementById("FlagText");
 

2关于特殊字符的处理，此问题产生于带描述字段的动态表格，解决办法如下

 

//全局变量记录信息条数
    var count=0;
//全局变量,目的是使innerHTML进表格的SPAN不重复
    var tab_n=0;
   
//添加表格
    var x=document.getElementById('myTable').insertRow(count -1);
    var b=x.insertCell(0);
//先向里面写入一个SPAN对象   
    b.innerHTML="<span id="show_str"+tab_n+""></span>";

    if(document.all)    //如果是IE
    {
        if(getvalue.value.length>15)
        {
        //设置显示多少个字符
            document.getElementById("show_str"+tab_n).innerText=getvalue.value.substr(0,15)+"...";
        //如果超出,用TITLE形式显示
            document.getElementById("show_str"+tab_n).title=getvalue.value;
        }
        else
        {
            document.getElementById("show_str"+tab_n).innerText=getvalue.value;
        }
    }
    else                //如果是FF
    {
        if(getvalue.value.length>15)
        {
            document.getElementById("show_str"+tab_n).textContent=getvalue.value.substr(0,15)+"...";
            document.getElementById("show_str"+tab_n).title=getvalue.value;
        }
        else
        {
            document.getElementById("show_str"+tab_n).textContent=getvalue.value;
        }
    }
 

这里主要是innerHTML,innerText 和 textContext几个方法的结合使用

 

3在IE和FF下，当DropDownList的

值和显示的内容不一致的时候，如何获取DropDownList的显示内容，并填入表格。

 

 

    //同时获得选择框Value和Option开始
    var devid=document.getElementById("devid")
    if(devid.value=="")
    {
        alert("设备不可为空");
        return false;
    }
    var roleid=document.getElementById("roleid")
      for (var i=0;i<devid.options.length; i++)
    {
        if (devid.options[i].value==devid.value){
       
            if (window.navigator.userAgent.indexOf("MSIE")>=1)
            {
                //如果浏览器为IE
                var devidvalue=devid.options[i].innerText;
            }else if(window.navigator.userAgent.indexOf("Firefox")>=1)
            {
                //如果浏览器为Firefox
                var devidvalue=devid.options[i].textContent;
            }
            else{
                return false;
            }
        }
    }
    for (var j=0;j<roleid.options.length; j++)
    {
        if (roleid.options[j].value==roleid.value){
       
            if (window.navigator.userAgent.indexOf("MSIE")>=1)
            {
                //如果浏览器为IE
                var roleidvalue=roleid.options[j].innerText;
            }else if(window.navigator.userAgent.indexOf("Firefox")>=1)
            {
                //如果浏览器为Firefox
                var roleidvalue=roleid.options[j].textContent;
            }
            else{
                return false;
            }
        }
    }