js中的for循环输出,怎么输出到html中的指定位置 循环li

<li class="first">
<div class="number">3</div>
<a class="pic" target="_blank" href="" title=""><img src=""></a>
<table width="60%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td><div class="goodsName"><a href="" target="_blank" title="">名字</a></div></td>
</tr>
<tr>
<td><span class="price">¥4.10</span></td>
</tr>
</tbody>
</table>
</li>

准备的材料有:计算机、浏览器、html编辑器。

一、首先,打开html编辑器,创建一个新的html文件,比如index.html,并编写问题的基本代码。

二、在index.html中的<body>标签中,输入html代码:

var a = ['Alice', 'Bob'];

for (var i = 0; i < a.length; i++) {

$('ul').append('<li>' + a[i] + '</li>');

}

三、浏览器运行index.html页面,并将<li>标记for到<ul>标记以获取信息。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-10

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<body>标签中,输入html代码:

var a = ['Alice', 'Bob'];

for (var i = 0; i < a.length; i++) {

$('ul').append('<li>' + a[i] + '</li>');

}

3、浏览器运行index.html页面,此时<li>标签被通过for信息输出到了<ul>标签中。

本回答被网友采纳
第2个回答  2019-06-13

1、新建一个html静态页标题为”在js里循环数据怎么在页面上使用“名称为forhtml。

2、在body之中加入一个div,并且设置宽度和高度,设边框为1颜色为#333333,设class为class="divclass"。

3、在页面中的div下建立一个js语句<script></script>,  并且给div命名id 为divid,并且在js中获取该id。

4、在js中建立一个for循环,从1到5的循环。

5、在循环的过程中输出“这是第i个循环”。

6、document.wirte只是测试用,现在将本变量都赋值给一个str变量,把输出的结果都变成一个字符串。

7、将结果结果赋值通过getElementById("divid")来吧str的值都加到div中来显示出来。

本回答被网友采纳
第3个回答  推荐于2017-10-10
通过某个元素的id来
比如:
<div id="container"></div>

想输出到这个容器里面。拼接好的html结构是 html="<li>text</li>"
使用document.getElementById('container').innerHTML = html;
这样就可以了。追问

还有一个问题就是 拼接好的html结构是html="text" 我可以在这里做判断吗 怎么做呢 为什么if(i==0){}else{} 直接这样写不行呢

追答

可以的啊

var html = '';
for(var i=0;i<5;i++){
    if(i==0){
        html +='<li class="first"><div class="number">';
    }else{
        html += '<li class="first active"><div class="number">'
    }
    html += ='这个是div中的内容</div></li>'
}
document.getElementById('container').innerHTML = html;

这样试试看

追问

可以 腻害

本回答被提问者和网友采纳
相似回答