jquery - Getting JavaScript to create a full li -


function loadfamily() {    var family = ["kelly", "paul", "jason", "jessica", "mat"];   var ulelement = document.getelementbyid("namelist");    (var name in family);    {     var listitem = ulelement.appendchild(document.createelement("li"));     listitem.appendchild(document.createtextnode(family[name]));   }  } 

i trying code create ul in html. have been able make work; place last name of array when page loaded. first time working javascript , i'm sure simple problem, appreciated!

you stopping for loop here:

for (var name in family);  //----------------------^ remove this. 

it runs , index in last, executes last 1 now. change code to:

function loadfamily() {    var family = ["kelly", "paul", "jason", "jessica", "mat"];   var ulelement = document.getelementbyid("namelist");    (var name in family) {     var listitem = ulelement.appendchild(document.createelement("li"));     listitem.appendchild(document.createtextnode(family[name]));   }  } 

note: for...in loop iterates on enumerable properties. not use arrays. better change loop like:

function loadfamily() {    var family = ["kelly", "paul", "jason", "jessica", "mat"];   var ulelement = document.getelementbyid("namelist");    (var name = 0; name < family.length; name++) {     var listitem = ulelement.appendchild(document.createelement("li"));     listitem.appendchild(document.createtextnode(family[name]));   }  } 

the above better , good.


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -