javascript - Append image to td element with no id or value -
i have array of image elements, use function randomize array , append them html table in randomized order. trying avoid giving each td element it's own id because there quite few...i wondering if it's possible append image td element not having id.
the html table has 12 rows this:
<table class="piecetray"> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> etc... js
function randomizepieces(myarray) { (var = myarray.length - 1; > 0; i--) { var j = math.floor(math.random() * (i + 1)); var temp = myarray[i]; myarray[i] = myarray[j]; myarray[j] = temp; } return array; }
assuming table built , want iterate through each td , update it's background plain js.
// lets start getting `table` element var tbl = document.getelementsbyclassname("piecetray"); // lets child rows `tr` of `table` var trs = tbl[0].childnodes[1].getelementsbytagname("tr"); var trlen = trs.length; //just test image var host = "http://upload.wikimedia.org"; var img = host + "/wikipedia/commons/thumb/2/25/red.svg/200px-red.svg.png"; // iterate on rows `tr` (var = 0; < trlen; i++) { //get `td`s row var tds = trs[i].getelementsbytagname("td"); var tdlen = tds.length; //iterate on cells `td` (var n = 0; n < tdlen; n++) { //set `backgroundimage` tds[n].style.backgroundimage = "url(\"" + img + "\")"; } } see jsfiddle, @ least points in right direction.
Comments
Post a Comment