首页 > 软件开发 > HTML >

在js里循环数据怎么在页面上使用

来源:互联网 2023-03-16 19:11:56 318

在js里循环数据怎么在页面上使用,js里循环数据可以在循环的时候在循环的将数据复制到页面上,可以是追加,或者在循环时候的语句赋值给变量一直输出到页面上,那么具体怎么实现呢?hyE办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • dw编辑器
  • 浏览器

方法/步骤

  • 1

    新建一个html静态页标题为”在js里循环数据怎么在页面上使用“名称为forhtmlhyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 2

    在body之中加入一个div,并且设置宽度和高度,设边框为1颜色为#333333,设class为class="divclass"hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    在页面中的div下建立一个js语句script>/script>, 并且给div命名id 为divid,并且在js中获取该idhyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 4

    在js中建立一个for循环,从1到5的循环hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 5

    在循环的过程中输出“这是第i个循环”hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 6

    document.wirte只是测试用,现在将本变量都赋值给一个str变量,把输出的结果都变成一个字符串。hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 7

    将结果结果赋值通过getElementById("divid")来吧str的值都加到div中来显示出来,“这是第1个的结果 这是第2个的结果 这是第3个的结果 这是第4个的结果 这是第5个的结果 ”hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

    在js里循环数据怎么在页面上使用hyE办公区 - 实用经验教程分享!

  • 注意事项

    • 可以在for循环中将数据逐一加到div中但是要用追加的方法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!hyE办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码