扫码关注官方订阅号
Document
这样怎么不行，f12显示value为null
走同样的路，发现不同的人生
你的代码有如下几个问题：1.js脚本在body加载之前已经执行，所以document.getElementById('input1')根本就没有获取到dom，这个你可以通过在浏览器的控制台中验证。如果要解决这个问题，js代码应该包含在如下代码块中<script type="text/javascript">$(document).ready(function() { 你的js代码});</script>
2.养成良好的习惯，把js代码写在html文件的末尾，保证js代码不会阻塞静态标签的加载。
3.inp.value=a[i];这里有什么问题应该很明显咯，每次都覆盖了上一次的赋值。
inp.value=a[i];
示例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" id='input1'> <script> var inp=document.getElementById('input1'); var a=[1,9,5,8,7,8,2]; for (var i = 0; i<a.length; i++) { inp.value=a[i]; }; </script> </body> </html>
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
2
645
收藏
你的代码有如下几个问题：
1.js脚本在body加载之前已经执行，所以document.getElementById('input1')根本就没有获取到dom，这个你可以通过在浏览器的控制台中验证。
如果要解决这个问题，js代码应该包含在如下代码块中
<script type="text/javascript">
$(document).ready(function() {
你的js代码
});
</script>
2.养成良好的习惯，把js代码写在html文件的末尾，保证js代码不会阻塞静态标签的加载。
3.
inp.value=a[i];这里有什么问题应该很明显咯，每次都覆盖了上一次的赋值。示例