可以把XML结点的属性值绑定到<DIV>上吗？

<body>
<XML ID="xmlUser">
    <?xml version="1.0" ?>
    <userinfo>
      <col UserName="杨明" UserAge="20"/> 
      <col UserName="张飞" UserAge="21"/> 
    </userinfo>
 </XML>
<div id=div1></div>
<script language="JavaScript">
function xml2div(){
 var o;
 o = xmlUser.selectNodes("userinfo/col");
 for(var i=0; i<o.length;i++){
  var e = document.createElement("DIV");
  e.setAttribute("UserName",o[i].getAttribute("UserName"));
  e.setAttribute("UserAge",o[i].getAttribute("UserAge"));
  e.innerText = "Div: " + i;
  div1.appendChild(e);
 }
 alert(div1.innerHTML);
}
xml2div();
</script>
</body>