javascript - 如何将一个文本框显示数组-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 如何将一个文本框显示数组

怪我咯 2017-04-10 15:56:47

[JavaScript讨论组]

586

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <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>
</head>
<body>
    <input type="text" id='input1'>
</body>
</html>

这样怎么不行，f12显示value为null

怪我咯

走同样的路，发现不同的人生

全部回复(2)

阿神2017-04-10 15:58:47 2楼

你的代码有如下几个问题：
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];这里有什么问题应该很明显咯，每次都覆盖了上一次的赋值。

示例

赞 +0

添加回复

怪我咯2017-04-10 15:58:47 1楼

<!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>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>