Imaginons que tu aies <p id="vie">PV</p>
Tu sélectionnes ton paragraphe "vie", par exemple, avec un sélecteur
var pVie = document.querySelector("#vie");
http://www.w3schools.com/jsref/met_document_queryselector.asp
Et tu en changes le contenu
pVie.innerHTML = perso.hp + "hp <br>";
Pour compresser le code, tu peux directement faire
document.querySelector("#vie").innerHTML = perso.hp + "hp <br>";
Mais comme le disait WatchItBurn, tu peux procéder de plusieurs manières.
Renseigne toi un peu sur le sujet, ce sont des manipulations basiques du html.
Un exemple fourni par w3schools : http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_document_queryselector