关于在FF浏览器下, 使用innerHTML获取不到元素值的解决方案

前段时间接手了一个公司前辈的遗产代码 , 但是不兼容FF , 遂花了两个晚上, 终于勉强将问题解决, 所以标记一下, 为自己留个回忆, 如果能帮到各位好朋友, 那就更好!

[b]
问题现象
[/b]



function getDivCode(){    divObj1 = document.getElementById('innerHtml_test1');    divObj2 = document.getElementById('innerHtml_test2');    html = divObj1.innerHTML;    divObj2.innerHTML = html;}

<div id="innerHtml_test1">       <input type="text" value="" name="test_name1"/>            <input type="text" value="" name="test_name2"/>  </div>

<div id="innerHtml_test2"></div>

<input type="button" onclick="getDivCode();" value="clickme"/>

[b]
在IE8以下版本中,当用户在innerHtml_test1 的文本框中输入, 单击 button innerHtml_test2 中会正常获取 innerHtml_test1 的数据的结果 , 而 ff 及 ie8以上版本,则innerHtml_test2 可以取得 innerHtml_test1 的html代码格式, 但却无法取到用户输入到文本框中的值;
[/b]

[b]
解决方案 ,使用属性设置 , setAttribute
[/b]

function getDivCode(){

   test_name1 = document.getElementById('test_name1');   test_name2 = document.getElementById('test_name2');

   test_name1.setAttribute("value",test_name1.value)   test_name2.setAttribute("value",test_name2.value)

    divObj1 = document.getElementById('innerHtml_test1');    divObj2 = document.getElementById('innerHtml_test2');    html = divObj1.innerHTML;    divObj2.innerHTML = html;}

[b]
尽管用这个方法非常的笨, 要是有1000个参数 , 那一定是会累死人, 希望有高手可以给出一个更好的解决方案, 供大家学习
[/b]

关于在FF浏览器下, 使用innerHTML获取不到元素值的解决方案相关推荐

火狐浏览器下点击a标签时出现虚线的解决方案
火狐浏览器下点击a标签时出现虚线的解决方案参考文章: (1)火狐浏览器下点击a标签时出现虚线的解决方案 (2)https://www.cnblogs.com/lhyhappy365/p/595646 ...
php获取h1,jQuery获取h1-h6标题元素值方法实例
本文主要介绍了jQuery实现获取h1-h6标题元素值的方法,涉及$(":header")选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下,希望能帮助到大家. 1. ...
获取数组中元素值为偶数的累加和与元素值为奇数的累加和，并计算他们之间的差值
/*** 1.获取数组中元素值为偶数的累加和与元素值为奇数的累加和,并计算他们之间的差值* 1.定义int getNum(int[] arr)静态方法,该方法要求完成* 1.1 获取指定数组arr中元 ...
Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...
火狐浏览器下 .edit { width: 200px; height: 40px; border: 1px solid green; } .disEdit { display: inline-blo ...
点击select下拉框获取option的属性值
select下拉框作为前端开发者应该是经常使用的,最近在项目中遇到这样的情况,点击下拉框选项,需要获取所点击的option的属性值,当时想很简单啊,给option加一个点击事件不就行了,然后就加了一下 ...
关于JAVA中request.getParameterMap与request.getReader()获取不到请求值的解决方案
最近比较忙,经常加班,已经有一个星期多的时间没写博客了,但是即便再忙,也要把自己认为重要的知识点通过博客的形式记录下来! 最近在维护公司的旧系统时发现公司的旧网关的异步通知定时任务出现延迟的问题,本来 ...
如何给FormPanel表单中的元素赋值以及获取表单元素值
1.定义表单元素的name属性如下 var HLV = new Ext.form.TextField({fieldLabel: '汇率',name:'EXCHANGERATE',anchor: '30 ...
Range在各浏览器下的问题和常见处理办法
第一次听到Range这个概念是在空间编辑器的技术交流会上,当时作者给我们提到编辑器中最重要的概念就是Range,通过操作range,就可以实现编辑器的所有操作.到底具体什么是range呢,其实简单点就 ...
IE8浏览器下dom元素不区分name属性大小写问题
在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的. 比如: <input type='text' name='C1'/> <input type='text' n ...
解决FF浏览器和IE下载文件乱码问题
下载在FF浏览器下出现了下列问题但是在其他浏览器(IE,Chrome....)上没有出现这个问题, 需要写一个Utitl类管理下 package com.sencloud.dh.core.utils ...

关于在FF浏览器下, 使用innerHTML获取不到元素值的解决方案

关于在FF浏览器下, 使用innerHTML获取不到元素值的解决方案相关推荐

最新文章

热门文章