使用 JSON 内容设置多个 innerHTML [关闭]答案

【问题标题】：Setting multiple innerHTML with JSON content [closed]使用 JSON 内容设置多个 innerHTML [关闭]
【发布时间】：2020-11-22 20:05:09
【问题描述】：

我有一个 json 文件，其中包含我要获取的内容，然后我想在我的网站上添加带有标题、描述和链接的 div。我可以让标题正常工作，但我似乎无法加载描述？知道为什么吗？

JSON

  "portfolio": {
    "item 1": {
      "id": "1",
      "title": "Portfolio Item Title | Website ",
      "sdesc": "A website for something",
      "description": "A sample description",
      "published": "2020.08.01",
      "tags": "Web Development",
      "url": "https://example.com"
    }

JavaScript

var oneTitle = document.getElementById('1-title');
var oneSDesc = document.getElementById('1-SDesc');
var onelink = document.getElementById('1-link');

fetch(content.json)
    .then((e) => e.json())
    .then((e => {
        oneTitle.innerHTML = e.portfolio["item 1"].title
        oneSDesc.innerHTML = e.portfolio["item 1"].sdesc

    }))

HTML

<div class="portfolio-item medium skeleton-box">
  <div class="item-content">
    <h3 id="1-title">Portfolio Item</h3>
    <p id="1-sdesc">Portfolio Item description goes here</p>
    <a href="" id="1-link">Click to learn more.</a>
  </div>
</div>

【问题讨论】：

您的 ID 不匹配 - 1-sdesc（实际 ID）与 1-SDesc（您要查找的 ID）不同

标签： javascript html json api fetch

【解决方案1】：

区分大小写，请尝试1-sdesc 而不是SDesc

【讨论】：

这是有效的，谢谢，我以为我已经改变了