js如何将数组内容写入input框

在js中,使用for循环可以把数组中的内容逐个写入input框内。下面小编举例讲解js如何将数组内容写入input框。

82eff6d7592ae3efe460b88754b6326c566664b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80

东西/原料

  • html+js
  • 代码编纂器:zend studio 10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js如何将数组内容写入input框。

    65ba880b31210561fab4f95f08aee8d7582a6ab2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  2. 2

    在test.html文件内,利用input标签建立多个文本框,用于测试。

    974a2f21056104a3aafe2f1863d7592ae2ef6bb2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  3. 3

    在test.html文件内,设置input标签的class属性为example。

    30601b6104a355e983b64461d22ae3efe17868b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  4. 4

    在js标签内,界说一个数组,并利用getElementsByClassName方式获得input对象。

    04201aa355e983aee9cff59c68efe078153169b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  5. 5

    在js标签内,再经由过程for轮回遍历input对象,并将数组的值写入input框内。

    05e24be983aee8d75b324f596b781431deb666b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  6. 6

    在浏览器打开test.html文件,查看成果。

    54a89daee8d7592ae0f74cce9f31dfb6336c67b2.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80END

总结:

  1. 1

    1、利用input标签建立多个文本框,设置input标签的class属性为example。2、在js标签内,界说一个数组,并利用getElementsByClassName方式获得input对象3、在js标签内,再经由过程for轮回遍历input对象,并将数组的值写入input框内。4、在浏览器打开test.html文件,查看成果。

    END
  • 发表于 2021-04-13 20:00
  • 阅读 ( 325 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论