Как-то так:
var elems = document.querySelectorAll(".badge");
for( let i = 0; i < elems.length; i++){ 
     let dc = elems[i].getAttribute("data-content");
      console.log(dc);
	  }
Вот полный код:
var elems = document.querySelectorAll(".badge");
for( let i = 0; i < elems.length; i++){ 
     var dc = elems[i].getAttribute("data-content");  
     var p = document.createElement("p");
     var text = document.createTextNode(dc);
     p.appendChild(text);
     elems[i].appendChild(p);
	  }
Надеюсь все так)
Спасибо за наводки.