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
Post a Comment