Блог

Как вы можете видеть мой объект json, я хочу поместить мой объект json в текстовый файл и позволить моему js-коду прочитать мой объект json из текстового файла, но я не знаю, как это сделать, пожалуйста, помогите

 var objs = [{
  "Object": {
    "ID": 1,
    "type": "button",
    "color": "red",
    "Text": "I Love",
    "width": "100px",
    "height": "100px",
    "Font": {
      "fontName": "tahoma",
      "font": "150px"
    }
  },
  "Object ": {
    "ID": 2,
    "type": "button",
    "color": "red",
    "Text": "I Love",
    "width": "100px",
    "height": "100px",
    "Font": {
      "fontName": "tahoma",
      "font": "150px"
    }
  }
}]
objs.forEach(function(Object) {
  var Elm = document.createElement('text');
  Elm.textContent = Element.Object   ' '   Element.code.hex;
  Elm.style.backgroundColor = Element.code.hex;
  document.getElementById('ColorArea').appendChild(Elm);
});
  

Конечно, но вам нужно исправить JSON, чтобы это был массив объектов, а не массив одного объекта, который имеет тот же ключ для Object.

Затем удалите пробел в Object , а затем измените объект на что-то другое, например, item, forEach(function(item) { тогда это не Element но item .

Я понятия не имею, что Element.code.hex такое, поэтому удалил его.

 var objs = [{
    "Object": {
      "ID": 1,
      "type": "button",
      "color": "red",
      "Text": "I Love",
      "width": "100px",
      "height": "100px",
      "Font": {
        "fontName": "tahoma",
        "font": "150px"
      }
    }
  },
  {
    "Object": {
      "ID": 2,
      "type": "button",
      "color": "green",
      "Text": "I Hate",
      "width": "100px",
      "height": "100px",
      "Font": {
        "fontName": "tahoma",
        "font": "150px"
      }
    }
  }
]

objs.forEach(function(item) {
  var Elm = document.createElement(item.Object.type);
  Elm.textContent = item.Object.Text;
  Elm.style.backgroundColor = item.Object.color;

  // apply other props
  //...

  document.getElementById('ColorArea').appendChild(Elm);
});  

 <div id="ColorArea"></div>  

Обратите внимание, что наличие этого быть item.Object не требуется, вы могли бы просто использовать массив, содержащий объекты, не нужно дополнительно вкладывать его внутрь Object