javascript – 为什么浏览器开发人员工具不显示输入字段值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么浏览器开发人员工具不显示输入字段值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1294字，纯文字阅读大概需要2分钟。

内容图文

当我检查具有值的输入字段时,调试器中的值显示为空,如下所示：

我只是想知道为什么？调试器性能？或许与安全有关的事情？或者我可能需要打开/关闭一些东西？

我之所以想知道的原因是它在某些情况下使调试变得更加困难,例如现在当字段加载为空时控制台记录.value返回应该加载的值但由于某种原因没有：

console.log( 'before LoadFromLocalStorage' );
console.log( 'input element:' );
console.log( document.getElementById( 'email' ) );
console.log( 'input element value:' );
console.log( document.getElementById( 'email' ).value );



document.getElementById( 'email' ).value = sessionStorage.email;


console.log( 'after LoadFromLocalStorage' );
console.log( 'input element:' );
console.log( document.getElementById( 'email' ) );
console.log( 'input element value:' );
console.log( document.getElementById( 'email' ).value );

附：当我将超时设置得足够长时,它实际上会显示在字段中.在大约75％的测试中,1ms就足够了,但有时甚至在100ms超时时也无法显示.所以在那段时间显然发生了一些事情,但我不知道是什么.如果我能在实际出现在输入字段中时进行记录,那将是非常好的.

编辑：

我用空输入字段解决了这个问题.我在我的代码中的其他地方使用了element.innerHTML =“很多html”,并且由于其破坏性,它在完成附加html之前擦除了所有输入字段.我用.insertAdjacentHTML替换它,它就像一个魅力.

解决方法:

你在找错了地方.

value属性表示您未修改的默认值.

当前值显示在DOM值属性中.

内容总结

以上是互联网集市为您收集整理的javascript – 为什么浏览器开发人员工具不显示输入字段值？全部内容，希望文章能够帮你解决javascript – 为什么浏览器开发人员工具不显示输入字段值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端