这里有几个问题
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;
}
}
}
关于动态写入表格问题的扩展
最新推荐文章于 2022-11-22 10:44:36 发布