Как стилизовать JSON данные при выводе?

Question

[Nikitos08]

Как стилизовать данные вывода JSON или вывести их в div. Может не правильно выражаюсь. Так же не выводится изображение (
Скрипт в песочнице: https://jsfiddle.net/jq6e9epm/3/

Answer 1

[Дмитрий Беляев]

У JSON.stringify есть дополнительные параметры https://developer.mozilla.org/ru/docs/Web/JavaScri...
2й в Вашем случае не нужен, поэтому передаем ему null
3й отвечает за форматирование и может принимать либо строку, которой заполнятся отступы, либо число пробелов на один отступ

JSON.stringify([
            creditGetImage,
            creditGetItemTitle,
            creditGetPrice,
            creditResultShow,
            creditResultShowSecond
        ], null, 4);

Чтоб выводить форматирование на страницу как есть используется тег pre

Насчет изображения, проблема в том, что при сериализации JSON в строках экранируются символы специфичные для самого JSON, например кавычки

UPD сделал простейшие правки в Вашем примере https://jsfiddle.net/jq6e9epm/4/

Comments

[Nikitos08]

Спасибо , а подскажите как мне присвоить выводим элементам css классы? Что бы можно были их вывести там где мне нужно?

[Дмитрий Беляев]

Nikitos08: Вам в этом случае не json нужно формировать, а html

[Nikitos08]

Дмитрий Беляев: а как это сделать? пробовал document.createElement но чет безуспешно (

[Дмитрий Беляев]

Nikitos08: формируйте html строку и заполняйте ей нужный элемент через innerHTML

Answer 2

[Алексей Уколов]

Что значит "стилизовать", зачем это делать?
Картинка не выводится потому, что внутри её тега все двойные кавычки экранируются, чтобы получился валидный json.