为了账号安全,请及时绑定邮箱和手机立即绑定

Javascript:表中的订单列表项

Javascript:表中的订单列表项

弑天下 2022-05-26 17:36:40
我正在使用表中的 javascript 处理任务。我正在尝试添加订单列表但卡在该代码中。当点击一个按钮时,一个表格显示我已经实现。但是它应该用数字显示的东西我还需要添加订单列表。请任何可以帮助我解决这些问题的人。从这里获取灵感 ,但我的代码不是工作codepen 。请有人指出我正确的方向。输出:提前致谢。<html><head></head><body>  <h3>JavaScript Programming</h3>  <hr/>     <input type="button" onclick="f1()" value="Get Data"  />  <br/>  <br/>  <table id="table1"  border="2">   </table>    <script>      function  f1() {      var  ar = ["HTML5", "CSS3", "JavaScript", "Angular JS", "Node JS", "Express JS"];                  var  str  =  "";      for(var i  in  ar)      {        str =  str  +   "<tr><td>" +  ar[i]  +  "  </td> </tr>";      }                 var obj = document.getElementById("table1");      obj.innerHTML  = str;    }   </script></body></html>
查看完整描述

1 回答

?
largeQ

TA贡献2039条经验 获得超7个赞

您必须首先将 listOfList定义为数组


 const listOfList = []

ar[i]的第二个更改元素


listOfList.push("<li>" + ar[i] + "</li>");

function f1() {

    const listOfList = [];

    const ar = ["HTML5", "CSS3", "JavaScript", "Angular JS", "Node JS", "Express JS"];

   


    let str = "";

    for (let i in ar) {

        str = str + "<tr><td>" + (+i+1)+ "."+ ar[i] + "  </td> </tr>";

        listOfList.push("<li>" + ar[i] + "</li>");

    }


    const obj = document.getElementById("table1");

    obj.innerHTML = str;


}

<html>

<head></head>

<body>

  <h3>JavaScript Programming</h3>

  <hr/>   

  <input type="button" onclick="f1()" value="Get Data"  />

  <br/>

  <br/>

  <table id="table1"  border="2"></table>

</body>

</html>


查看完整回答
反对 回复 2022-05-26
  • 1 回答
  • 0 关注
  • 137 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号