innerHTML не обновляется для некоторых предварительных тегов

Question

У меня есть некоторые сериализованные данные JSON, которые мне нужно убрать. Поэтому в основном я хочу, чтобы отобразить

{"AuthorizationId":123245,"AuthorizationIdSpecified":true,"ClientAuthorizationId":null,"Date":"2016-12-07T15:22:29+00:00","Message":"","PersonId":"345543654645","Status":0}

в

{ 
    "AuthorizationId": 123245, 
    "AuthorizationIdSpecified": true, 
    "ClientAuthorizationId": null, 
    "Date": "2016-12-07T15:22:29+00:00", 
    "Message": "", 
    "PersonId": "345543654645", 
    "Status": 0 
} 

hiddenData_ * является скрытый интервал, где JSON первоначально визуализируется. response-container_ * - это предварительный тег для отображения структурированного JSON. Через модель проходит цикл Razor.

Сценарий

var x = document.getElementById("hiddenData_@Model[i].TriggerTime.Ticks").innerHTML; 
 
    var y = JSON.parse(x); 
 
    var z = JSON.stringify(y, null, 2); 
 
    document.getElementById("response-container_@Model[i].TriggerTime.Ticks").innerHTML = z;

Проблема заключается в том, что innerHTML из предварительно тега становится обновляется, но не получают визуализации в DOM. Странно, что это работает для некоторых данных JSON, но не для других.

Что я делаю неправильно?

Answer 1

Как вы кладете строковой JSON внутри Pre тега, я полагаю, вы могли бы попробовать InnerText, а не innerHtml (как вы не добавляете потомков, но предварительно отформатированный текст)

Answer 2

Разобрался более простым способом сделать это используя Razor. Спасибо за предложения.

Newtonsoft.Json.JsonConvert.SerializeObject(Newtonsoft.Json.JsonConvert.DeserializeObject(Model[i].SerializedEventData), Newtonsoft.Json.Formatting.Indented);