如何将 JSON 数组从 Javascript 打印到 HTML

Question

我正在尝试从 JSON 数组打印单个值，但似乎无法使其工作。

Json 代码是这样的格式，大约有 1000 个成员，每个成员有 10 个参数 { "A": 0, "B": 1, "C": 2, }，我可以使用 console.log(list[1 ].A) 但似乎无法在 HTML 中打印

这可能是一个新手问题，但我测试的解决方案似乎都不起作用。 那么如何在 HTML 中打印 JSON 数组的特定成员呢？

JavaScript

var fs = require('fs');

var list = JSON.parse(fs.readFileSync('csvjson.json', 'utf8'));

document.getElementById("insert").innerHTML = list[1].A;


HTML

<div id='insert'>
</div>
<script src='jsfile.js'>
</script>

Answer 1

这完全取决于您收到的 JSON 数据格式以及您将如何访问该变量。 不要总是相信控制台，有时你可以在控制台看到元素的值，而实际上你需要一个 getter 函数来拥有这个值。 当您从事谷歌地图项目时尤其如此。 简而言之，如果 JSON 格式与我的代码相同，则您放置的代码应该可以工作。 那是数组内的对象。 我建议您检查您的 JSON 格式并检查如何恢复该值。 我希望这能帮到您。

 var div1 = document.getElementById('div1'); var objet1 = [{name: "Sallo",lastname: "hi"},{name: "Salou",lastname: "Everyone"}]; //Here objets json in array div1.innerHTML = objet1[0].name;

 <div class="inner" id="div1"> </div>