javascript - 在网页上显示 Javascript 对象键/值对

Question

我正在尝试在网页上显示/附加我的 Java 脚本对象。我想显示每个键及其对应的值。

大多数与我类似的问题只有建议将其记录到控制台或发出警报的答案。不幸的是，这不是我想要的。

我也尝试过JSON.stringify() ，但这似乎只是显示一个文本博客。如果JSON.stringify()是将对象键/值对打印/输出到文档的唯一方法，有没有办法对其进行样式设置？

以下是我尝试过但没有成功的一些。

JSON.stringify(object, null, 4));

object.__proto__.toString();

这是我想要的示例:

Name: John
Name: Bob
Name: Thomas

没有任何JSON设置大括号或任何其他格式的格式。只是纯文本。

编辑:我确实熟悉 document.write() ，这不是一个解决方案。我需要APPEND到一个已有内容的网页，即我的Javascript对象的键和值对。

Javascript 对象是动态的并且长度未知。

类似这样的事情:

$('#container').html(object);
$('#container').append(object);

Answer 1

你可以这样做:-

var mydata = {'Ram':'100 points','Shyam':'200 points','Fred-ii':'800 points'};

$.each(mydata,function(key,value){
   $('#my-div').append("<span>"+key +":- "+value+"</span>")

});

#my-div{
float:left;
width:100%;
background:rgb(249, 247, 249);
}

#my-div span {
    float: left;
    width: 100%;
}

span:nth-child(even){
  color:green;
}
span:nth-child(odd){
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="my-div"></div>