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

这里有几个问题

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;
}
}
}

处理情况同上

效果如下