JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list-group widget uib_w_44 d-margins" data-uib="twitter%20bootstrap/list_group" data-ver="1">


        <a class="list-group-item allow-badge widget uib_w_45" data-uib="twitter%20bootstrap/list_item" data-ver="1" id="btnOcorrenciaVer">
             <h4 class="list-group-item-heading">Heading</h4>
             <p class="list-group-item-text">List item</p>
        </a>


 </div>

JavaScript

var json = [{
    ID_Ocorrencia: 1,
    morador: 'jose'
}, {
    ID_Ocorrencia: 2,
    morador: 'maria'
}];
var target = document.querySelector('.list-group');
json.forEach(function(ocorrencia) {
    // link externo / wrapper
    var a = document.createElement('a');
    a.className = 'list-group-item allow-badge widget uib_w_45';
    a.setAttribute('data-uib', 'twitter%20bootstrap/list_item');
	a.setAttribute('data-ver', '1');
    a.id = ocorrencia.ID_Ocorrencia;
    // titulo
    var heading = document.createElement('h4');
    heading.className = 'list-group-item-heading';
    heading.innerHTML = 'OcorrĂŞncia: ' + ocorrencia.ID_Ocorrencia;
    // texto
    var p = document.createElement('p');
    p.className = 'list-group-item-text';
    p.innerHTML = ocorrencia.morador;

    // inserir no DOM
    a.appendChild(heading);
    a.appendChild(p);
    target.appendChild(a);
});