I want to dynamically add a header element and two <p>
tags inside an anchor tag.
Below is the code I want to achieve.
<a href="http://shreerangpatwardhan.blogspot.com" class= "ui-list">
<h3>Author: Shreerang Patwardhan</h3>
<p><b>Description:</b> Spatial Unlimited is a Tech blog where, examples using Google Maps API v3 and Jquery Mobile are shared. I have tried to give back to the developer community as much as I can.</p>
<p class="ui-li-aside">Last update: April 9, 2013</p>
</a>
and below is my javascript which I am trying to make this
var a =document.createElement("a");
var h3=document.createElement("h3");
var p=document.createElement("p");
var p1=document.createElement("p");
a.setAttribute('href', "#");
h3.setAttribute('value',"Author:"+name);
p.setAttribute('value',"Description"+finalsummary);
p1.setAttribute('value',"Last update:"+finaldate);
p1.setAttribute("class","ui-li-aside");
a.appendChild(p1);
a.appendChild(p);
a.appendChild(h3);
but the tags are not getting appended.