如何用原生JS 把数组遍历到页面元素中

buaichidoufu 2018-01-18 04:24:59
需要吧数组里的值依次放到span中去。求指点

<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>


var a = ['1','2','3','4','5','6'];



...全文
2697 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
hlin177 2018-02-20
  • 打赏
  • 举报
回复
楼上正确,for循环数组,然后写入到页面元素使用.innerHTML
狂野的心跳 2018-01-31
  • 打赏
  • 举报
回复
var a = ['1','2','3','4','5','6'];
var b = document.getElementsByClassName('b');
for (var i=0;i<b.length;i++){
    b[i].innerHTML = '<span>' + a[i] + '</span>'
}
这样可以实现,仅供参考
无聊的上午 2018-01-29
  • 打赏
  • 举报
回复
var spans = document.getElementsByTagName("span"); for(var i=0;i<spans.length,i++){ spans[i].innerHTML=a[i]; }
无聊的上午 2018-01-29
  • 打赏
  • 举报
回复
引用 3 楼 xiaohuatongxue 的回复:
var a = [1,2,3,4,5,6]; for(var item in a){ $('.b').eq(item).find('span').text(a[item]); }
别人要原生的 大兄弟 你是来搞笑的
墨白一凡 2018-01-23
  • 打赏
  • 举报
回复
var a = [1,2,3,4,5,6]; for(var item in a){ $('.b').eq(item).find('span').text(a[item]); }
  • 打赏
  • 举报
回复


               var a = ['1','2','3','4','5','6'];
		var b=$('.b span')
		b.each(function(index,element){
			$(element).html(a[index])
		})

天际的海浪 2018-01-18
  • 打赏
  • 举报
回复

<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<div class='b'><span></span></div>
<script type="text/javascript">
var a = ['1','2','3','4','5','6'];
var b = document.querySelectorAll(".b span");
a.forEach(function(v, i){
	b[i].innerHTML = v;
});
</script>

87,915

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧