js怎么能把数组中的数据放到放到ul里面的li里面去形成列表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么能把数组中的数据放到放到ul里面的li里面去形成列表相关的知识,希望对你有一定的参考价值。

例如:
数组arr=array(''数据一",''数据二",''数据三",''数据四",''数据五");
放到:
<ul>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</ul>

<script>
var arr=new Array("数据一","数据二","数据三","数据四","数据五");

var i=0;
var list="";
for (i=0;i<arr.length;i++)

list+="<li>"+arr[i]+"</li>";

list="<ul>"+list+"</ul>";
document.write(list);
</script>追问

非常感谢你!
通过对象的innerhtml怎么输出啊!
麻烦了
让这个ul在指定的位置显示,
document.wirte()貌似跳转了

追答

比如html有这样一个div

//id必须是唯一的
然后把 document.write(list);
改成document.getElementById("showul").innerHTML=list;

参考技术A

例如:
数组arr=array(''数据一",''数据二",''数据三",''数据四",''数据五");
放到:
<ul>
<li>数据一</li>
<li>数据二</li>
<li>数据三</li>
<li>数据四</li>
<li>数据五</li>
</ul>

所谓数组,是无序的元素序列。 若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中,为了处理方便, 把具有相同类型的若干元素按无序的形式组织起来的一种形式。 这些无序排列的同类数据元素的集合称为数组。

参考技术B <script>
var arr=new Array("数据一","数据二","数据三","数据四","数据五");
var list="";
for (var i=0;i<arr.length;i++)

  list +="<li>"+arr[i]+"</li>";

document.getElementById('box').innerHTML = list;
</script>
<ul id='box'></ul>

参考技术C 方法有很多,比如直接用document.write输出,通过对象的innerHTML输出,或通过createElement方法创建并用insertBefore或appendChild方法插入到文档中,示例如下
<body>
<script language="javascript">
var arr = new Array('数据一','数据二','数据三','数据四','数据五');
document.write('<ul>');
for(var i=0;i<arr.length;i++)
document.write('<li>'+arr[i]+'</li>');

document.write('</ul>');
</script>
</body>

以上是关于js怎么能把数组中的数据放到放到ul里面的li里面去形成列表的主要内容,如果未能解决你的问题,请参考以下文章

C语言怎么读取二进制文件中的数据放到一个300×300的二维数组里面

使用fortran读取一样数据,放到一个一维数组里面 怎么进行。数据如下:

我在HTML中写了一个<ul><li>标签 ,怎麼把数据库的数据动态动态生成到标签里面??php

c# winform从数据库里面取出数据放到datatable里

本人js菜鸟,怎样用js获取ul里面的li元素,用js写,不用jq

怎么让这个ul在页面顶部自动循环切换li里面的内容?