0 0

在兼容模式下显示不出js动态添加组件里的值5

js代码片段如下:

 var picListElement = document.getElementById("idPicList");
     var len = picListElement.childNodes.length;
     //
     var content = '<li>'
        +  '<label>'
        +   '<input type="hidden" name="IMAGE_IMG'+len+'"  id="IMAGE_IMG'+len+'" value="'+ replace(savedFilePath)+'"/>'
        +   '<img src="file-temp/'+ replace(savedFilePath)+ '" width=\'85\' height=\'90\' style=\'overflow:hidden;cursor: pointer;\' />'
        +  '</label>'
        +  '<div>'
        +   '<a style="cursor: pointer;" onclick="deletePic(this,\''+ replace(savedFilePath)+ '\');return false;">删除</a>'
        +  '</div>'
        + '</li>';
     if ($.browser.msie)
      jQuery("#idPicList").append(content);
     else {
      picListElement.innerHTML = picListElement.innerHTML
        + content;
     }

 

 

 

 

 

测试js代码:

 

//获取隐藏域的图片路径
  alert($("#IMAGE_IMG1")+"    "+$("#IMAGE_IMG1").val());
  alert(document.getElementById("IMAGE_IMG1").value);

 

 

在高速模式下能alert出图片的文件名,在兼容模式下都是undefined,怎么回事?

各位大牛,这什么原因?尴尬

 

2013年1月29日 19:34

2个答案 按时间排序 按投票排序

0 0

你alert出len的值是多少,我怀疑是你IMAGE_IMG1这个ID有问题,后面的1你看看是不是这个值

2013年2月05日 09:57
0 0

  你用的是搜狗或者360浏览器吧,这个问题一般是你标签没有关闭,你检查一下你的字符串拼接。

2013年1月31日 18:07

相关推荐

    百度用到的Js日历 大家可以看看

    百度的JavaScript日历是一个完全使用HTML和JavaScript实现的轻量级日历组件,它并不依赖任何外部的JavaScript库或框架,如jQuery、React等。这个日历程序展现了良好的兼容性、高效的性能和相对复杂的用户交互功能。...

    2022 vue.js面试题大全 PDF 下载.pdf

    Vue.js是一款流行的前端框架,具有强大的数据绑定能力和灵活的组件化开发模式。以下是Vue.js面试题大全的摘要信息: 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,并使用Object.defineProperty...

    Vue.js面试题整理带答案 pdf.pdf

    Vue.js 是采用的数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter 和 getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤: * 需要 ...

    Vue面试题总结(简版).pdf

    Vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤: * 需要 observe ...

    2021vue面试题及答案下载,即下即用 [完整版].pdf

    Vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤: * 需要 observe ...

    2021 Vue经典面试题.pdf

    Vue.js采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter和getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤: 1. 需要observe的数据...

    2021最新vue前端经典面试题.pdf

    Vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤: 1. 需要 observe...

    vue常见面试题(附带答案) 超实用!!建议收藏2021.pdf

    Vue.js采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter、getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤: * 需要observe的数据...

    「2021」高频前端面试题汇总之Vue篇.pdf

    * Vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter 和 getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 * 主要分为以下步骤: 1. 需要 ...

    微信小程序反编译工具wxappUnpacker

    微信小程序是腾讯公司推出的一种轻量级应用开发平台,它基于JavaScript、WXML和WXSS构建,为开发者提供了丰富的API接口和组件库,使得开发者能够快速地开发出能在微信环境中运行的应用。`wxappUnpacker`是一款专门...

    layer-anim:一个基于 KISSY 的 javascript 动画小部件

    反向播放、重新播放、从特定时间点开始播放等)支持CSS 3(如:rotation)支持延迟播放动画多种可配置的过渡效果(easing)自定义各浏览器的优雅降级动态添加/删除动画兼容所有浏览器(包括古老的IE6)简单的配置...

    jQuery实现的移动端图片缩放功能组件示例

    组件可能需要处理不同环境下的兼容性问题。 - **手指操作响应性**:在实现缩放和滑动功能时,需要准确地响应用户的手指操作,对用户的手指移动做出合适的反应,同时还要考虑到用户的操作习惯,提供足够的操作容错率...

    太赞了!华为工程师总结的前端VUE面试笔记资料pdf.pdf

    Vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤:需要 observe 的数据...

    新建工单测试报告1

    样式问题可能由CSS样式覆盖、浏览器兼容性问题或是动态渲染时的样式计算错误引起。Mingo可能遇到了难以定位具体差异的挑战,但最终解决意味着可能通过调试CSS、使用开发者工具检查元素,或者引入了新的样式规则来...

    vue面试题2021并附答案pdf.pdf

    页面的渲染、数据的获取,对用户事件的响应所有的应用逻辑都混合在一起,这样在开发简单项目时,可能看不出什么问题,如果项目变得复杂,那么整个文件就会变得冗长、混乱,这样对项目开发和后期的项目维护是非常不利...

    KODExplorer 芒果云-资源管理器

    - 文件&文件夹:含有%、+号的处理(显示不出等问题,encoenURIComponent——rawurldecode) - 文件下载,支持大文件下载、断点续传。 - 解决更改排序方式后 ——对应右键菜单不同步问题。 - 优化右键更改列表状态,...

    文章管理系统

    6.[纠正]纠正栏目管理中非顶级分类,次页显示模式选择[分类列表2]没提示不允许选择的提示 7.[纠正]纠正部分浏览器后台列表管理的复选框全选失效的BUG 8.[纠正]纠正部分浏览器后台列表管理的多选处理按钮和下拉菜单...

    解决vue页面渲染但dom没渲染的操作

    在Vue.js应用中,有时会出现页面内容已更新但DOM(文档对象模型)未相应更新的情况。这通常是由于Vue的响应式系统未能及时检测到数据变化,或者是在Vue生命周期的不恰当时间进行了DOM操作。以下是一些解决Vue页面...

    解决layui弹框失效的问题

    然而,在实际开发过程中,有时可能会遇到layui弹框失效的问题,表现为弹框无法正常显示或者报错。本文将详细探讨这个问题,并提供解决方案。 首先,layui弹框的失效可能有多种原因,其中包括JavaScript文件加载顺序...

    Bootstrap Table表格一直加载(load)不了数据的快速解决方法

    Bootstrap Table 是一个非常实用的前端组件,它基于流行的Bootstrap框架,提供了一系列强大的表格展示功能,如排序、分页、过滤和自定义操作等。在实际使用过程中,有时可能会遇到表格无法加载数据的问题,这通常是...

Global site tag (gtag.js) - Google Analytics