arrays - Use Javascript to insert something in every table cell -

arrays - Use Javascript to insert something in every table cell -

i'm addicted jquery , having problem using pure javascript loop through every <td> on page , inserting <input>. can help me out simple task?

if jquery should find queryselectorall method fun utilize select dom elements. can seek insert input every td on page:

class="snippet-code-js lang-js prettyprint-override">var tds = document.queryselectorall('td'); array.prototype.slice.call(tds).foreach(function(td) { var input = document.createelement('input'); input.type = 'text'; td.appendchild(input); }); class="snippet-code-html lang-html prettyprint-override"><table> <tr> <td>content</td> <td>content</td> </tr> <tr> <td>content</td> <td>content</td> </tr> </table>

of course of study instead of fancy foreach can utilize old-good for loop:

for (var = 0; < tds.length; i++) { // ... }

and instead of queryselectorall('td') there

var tds = document.getelementsbytagname('td');

javascript arrays