使用innerHTML显示对象而不使用函数?

时间:2018-03-04 20:52:55

标签: javascript arrays object innerhtml

我试图在没有函数的情况下显示对象的内容。在var i作为增量器的for循环中,我有一个按钮,当单击时,我想显示每个帖子的所有注释对象。

document.write("<button onclick=\"this.innerHTML='"+data.posts[i].comments+"'\">Display Comments</button>");

我需要在这个document.write中完成,因为我尝试使用一个函数,但是循环将覆盖i值并使按钮仅在最后一个按钮上显示一个值。

谢谢!

1 个答案:

答案 0 :(得分:0)

<div id="container-element">
</div>

<script>    
    var dynamichtml = "";
    for (var i in data.posts)
     dynamichtml += "<button class='dyn-msg' data-msg='"+data.posts[i].comments+"'>Display Comments</button>";

    $("#container-element").html(dynamichtml)
    $("#container-element").on("click",".dyn-msg",function(){
          $(this).html($(this).data("msg"));
    })
</script>