追加/将数组值从javascript传递给HTML Div?

时间:2017-09-08 07:16:17

标签: javascript html

var array = []; //In this i have 2 items

<div id="content"></div> 

在这个div id中我需要传递上面的数组元素。

我可以这样做吗?

3 个答案:

答案 0 :(得分:0)

您可以使用document.getElementById获取id的{​​{1}},然后将数组插入<div>,这将转换为逗号分隔值:

&#13;
&#13;
string
&#13;
var array = ['apple','ball']; //In this i have 2 items

document.getElementById('content').innerHTML = array.toString();
&#13;
&#13;
&#13;

答案 1 :(得分:0)

以下是基本示例,您如何使用javascript与DOM进行交互。

var array = [1, 2];

var content = document.getElementById("content");

for(var i=0; i< array.length;i++){
	content.innerHTML += i + '--' + array[i] + '<br>';
}
<div id="content">

</div>

大注: 如果您正在寻找将大量其他数据传递给视图

,也可以使用Javascript Templating

答案 2 :(得分:-1)

你在寻找这样的东西吗?

<div class="dummy" style="height: 100px;width: 100px;border: 1px solid black;"></div>

jQuery(document).ready(function(){

        var arr = ['1','2'];

        jQuery.each( arr, function( i, val ) {
              jQuery('.dummy').append(val);
              jQuery('.dummy').append("<br>");
        });

});

jsfiddle:https://jsfiddle.net/vis143/c1kz0b8o/