火狐 获取元素的value(this.value)属性的值为undefined

最新推荐文章于 2023-01-15 00:13:50 发布
最新推荐文章于 2023-01-15 00:13:50 发布
阅读量631 收藏
点赞数
分类专栏： 前端 文章标签： html html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42488402/article/details/120061576
版权
本文介绍了在火狐浏览器中，通过`this.attributes.value.value`来获取元素属性值的原因和正确写法，针对其他浏览器与火狐之间的差异进行了说明，帮助开发者解决在前端开发中遇到的兼容性问题。
摘要由CSDN通过智能技术生成

 一般浏览器获取value属性的值都是  this.value

 但是火狐下获取显示undefined

 火狐浏览器下，获取元素的属性值，正确的写法：

this.attributes.value.value
this.attributes.src.value

 this表示当前操作的元素

夏夜里的晚风。
关注
专栏目录
js-API 获取元素的相关方式innerText和innerHTMl区别
qq_38964133的博客
03-09 1411
对象可以直接. 其属性 拿到的数据是json队形那么就可以直接点属性 调用 成对标签 修改里面的内容 使用 innertext 不是成对比如input 私用value 按钮的排他功能 获取所有按钮 注册每个按钮点击事件 循环让没被点击的按钮的值为没被点击 被点击的按钮显示的value值为被点击了 this.value 注意为事件注册点击事件，在浏览器加载完就已经注册完毕...
Firefox中使用outerHTML的2种解决方法
09-04
总的来说，尽管Firefox早期版本不支持`outerHTML`，但开发者可以通过上述两种方式来实现跨浏览器的兼容性，确保在Firefox中也能正常使用`outerHTML`的功能。在实际开发中，根据项目需求和对浏览器兼容性的考虑，可以...
firefox浏览器window.event is undefined问题
b13663883696的博客
09-21 1386
获取鼠标坐标，IE下window.event.clientX和window.event.clientY就可以获取x，y的座标了。但是firefox却不行，浏览器报错window.event is undefined! 加了一段代码解决！ var evt = window.event || arguments.callee.caller.arguments[0]; 测试 ...
document.form.elementName获取元素时undefined
shen974115833的博客
07-18 1824
document.form.elementname获取元素时，如果元素有多个，可以通过数组形式获取 for(var i=0;i<document.form.elementname.length;i++){    document.form.elementname[i].value; } 但是name=elementname的元素只有一个时，document.form.elementname...
Vue cordova插件回调，this.value访问数据undefined
qq_25081445的博客
11-14 411
使用箭头函数，如 var lingling = cordova.plugins.linglingPlugin; lingling.btOpenDoorMethod( this.linglingKeys, resultStatus=> { // $scope.data2 = resultStatus; console.log("====...
vue使用this.$refs.xx在mounted中获取DOM元素为undefined
刘泽海的博客
12-19 3576
（1）原因： 如果在 DOM 结构中的某个 DOM 节点使用了v-if、v-show或者v-for（即根据获取到的后台数据来动态操作 DOM，即响应式），那么这些 DOM 是不会在mounted阶段找到的。 mounted 阶段，一般是用于发起后端请求，获取数据，配合路由钩子做一些事情。简单来说就是在 mounted 钩子中加载数据而已，加载回来的数据是不会在这个阶段更新到 DOM 中...
在js中获取到的页面元素为undefined
weixin_30619101的博客
10-01 2596
在学习js的过程中发现了一个问题就是：在js代码中获取页面元素进行操作的时候发现怎么都没有效果，控制台也不报错，弹出获取的元素结果发现是undefined类型。 后来查找了资料发现：因为我的js是写在head头标签里面的，所以页面在加载的过程中首先加载js代码，页面元素还没有加载，所以js代码并不能获得页面元素。 值得一说的是，js的基本函数在加载js代码的时候并不会直接加载，而是在调用的时候...
JS获取input[file]的值并显示在页面的实现方法
10-18
== undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file); } else if (window.webkitURL !== undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file); } return...
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
10-21
在其他浏览器（如IE或Firefox）中，`showModalDialog`的返回值可以直接通过调用函数来获取，但在Chrome中，这个返回值可能不会像预期那样工作。 以下是一个简单的示例，展示了在Chrome中遇到问题的代码： ```html ...
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
09-01
这使得用户可以在子窗口活动的同时操作父窗口，且`returnValue`属性始终为`undefined`。在其他浏览器如IE、Firefox和Safari中，`showModalDialog`通常能正常工作，展示模态对话框并返回值。 为了解决Chrome浏览器中...
火狐浏览器 event undefined
xiaolu的博客
01-07 664
const theEvent = window.event || arguments.callee.caller.arguments[0] let srcElement = theEvent.srcElement if (!srcElement) { srcElement = theEvent.target }
为什么jquery获取input的值显示undefined？
weixin_42564187的博客
09-06 1万+
jquery获取input的值显示undefined $(".verify").on("click",function () { var telNum=$("#mobile").value; console.log(telNum); if(!telNum){ ...
火狐下window.event获取undefined问题
weixin_30293135的博客
03-21 820
火狐下用window.event来进行相应操作时，会显示undefined,其他浏览器可以， 解决方法： 1，传入对象 $("a").on("click",function(e){var event = e || window.event}); 2,不传入对象 $("a").on("click",function(){var event = arguments.callee.caller...
FireFox - 在火狐firefox和IE中取file的value
weixin_34192732的博客
04-20 94
FireFox - 在火狐firefox和IE中取file的value 在火狐和IE中取file的值 　　如下代码：　　要想取得file1的值传给img，然后再让img显示的话，在IE里非常容易实现，直接用 　　document.getElementById("myimg").src=document.getElementById("file1").value;就可...
【JavaScript】使用DOM模型获取标签内容值为undefined问题 解决过程
最新发布
努力！加油！！
01-15 1130
value属性和innerText属性的不同使用场景
JS中this的使用
weixin_43743804的博客
10-30 331
**this 只有在执行的时候才能被确认，定义时无法确认。**函数执行时，this总是指向调用该函数的对象（即：判断this所在的函数属于谁） 1、作为对象属性执行 2、作为构造函数执行； 3、作为普通函数执行； 4、call、apply、bind的使用
input 获取value属性的问题
qq_43342124的博客
11-26 1065
input type=“text” 手动修改 input 的值， 使用 dom.getAttribute(“value”) 只能得到 html Dom中的值，而不能得到修改后的值（即内存中的值）； 可以通过 dom.value 得到修改后的最新值（内存中的值） 使用： dom.setAttribute(“value”,“2011”) , 只能通dom.getAttribute(“value”) 得到 2011 使用: dom.value = 2012 , 只能通过 dom.value 得到 2012 也就是
获取value值和html值,jquery如何获取value值？
weixin_42546508的博客
06-07 4649
jquery如何获取value值？下面本篇文章给大家介绍一下使用jquery获取value值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在jquery中，可以使用val() 方法来获取被选元素的value值。val()方法可以返回被选元素的 value 属性值，会返回第一个匹配元素的value属性的值。语法：$(selector).val()例：$("input#tes...
JS中出现undefined与null几种常见情况
热门推荐
CherryLee_1210的博客
11-01 2万+
在我们执行JS的一些代码的时候，有的时候就会有一些结果出现null和undefined。我就为大家总结了一些常见的情况。undefined 在变量提升（预解析）阶段，只声明未定义，默认值就是undefined。 在JS的严格模式下（”use strict”），没有明确的主体，this指的就是undefined。 函数定义没有返回值（return或者return后面什么也不带），默认的返回值就是und
Firefox与IE统一接口：添加方法和属性的js脚本解决
作者发现了一篇有用的资料，介绍了一个名为`iedom4moz.js`的脚本，它模拟了IE的一些关键方法和属性，使得这些在Firefox中也能得到支持。 1. **事件对象统一接口**： - 为了在Firefox中实现类似IE的行为，作者利用`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值