DOM alternativ til innerHTML

Jeg vil gerne lave DOM-alternativet til innerText, men har lidt problemer:

Følgende javascriptkode:

var credit1 = document.getElementById("credit_account_number_1");
var sp1 = document.createElement('span');
sp1.appendChild(document.createTextNode('+'));
sp1.setAttribute('onclick', "accountWindowOpen('credit_account_number_1');");
credit1.parentNode.appendChild(sp1);
       
svarer ganske fint til:                

var creditspan = document.getElementById("creditspan");
if (creditspan) {
  creditspan.innerHTML = '<span onclick="accountWindowOpen(\'credit_account_number_1\');">+</span>';
}       

Men den øverste version skriver + nedenunder mit input-fejl, mens den sidste skriver det bagved (som det skal).

Yderligere vil jeg gerne ændre indholdet af et tag med DOM'en. Går fint med innerHTML:

elm[i].innerHTML = '<a href="#" onclick="IndsaetVaerdi(\''+getInnerText(elm[i])+'\');">'+getInnerText(elm[i])+'</a>';

Men jeg vil gerne gøre det samme med rigtig DOM i stedet?