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

<liclass="first"><divclass="number">3</div><aclass="pic"target="_blank"href=""title="... <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>
展开
 我来答
小媛9OF
2019-10-24 · TA获得超过1.1万个赞
知道答主
回答量:193
采纳率:0%
帮助的人:4.9万
展开全部

准备的材料有:计算机、浏览器、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>标记以获取信息。

幻翼高达Zero
2019-07-10 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.3万
展开全部

需要准备的材料分别有:电脑、浏览器、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>标签中。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
刺友互
高粉答主

2019-06-13 · 每个回答都超有意思的
知道答主
回答量:3979
采纳率:100%
帮助的人:73.1万
展开全部

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中来显示出来。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
推荐于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;

这样试试看

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式