How do I iterate through table rows and cells in JavaScript?

by

If you want to go through each row(<tr>), knowing/identifying the row(<tr>), and iterate through each column(<td>) of each row(<tr>), then this is the way to go.

var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
   //iterate through rows
   //rows would be accessed using the "row" variable assigned in the for loop
   for (var j = 0, col; col = row.cells[j]; j++) {
     //iterate through columns
     //columns would be accessed using the "col" variable assigned in the for loop
   }  
}

If you just want to go through the cells(<td>), ignoring which row you’re on, then this is the way to go.

var table = document.getElementById("mytab1");
for (var i = 0, cell; cell = table.cells[i]; i++) {
     //iterate through cells
     //cells would be accessed using the "cell" variable assigned in the for loop
}

More Related Contents:

  1. JQuery string contains check [duplicate]
  2. How to talk to UDP sockets with HTML5?
  3. Set-Cookie in HTTP header is ignored with AngularJS
  4. How to display whole PDF (not only one page) with PDF.JS?
  5. Is it possible to serve Static files with create-react-app from public folder?
  6. Axios interceptors and asynchronous login
  7. How can I use deflated/gzipped content with an XHR onProgress function?
  8. Header message just like at Stack Overflow
  9. jQuery difference between :eq() and :nth-child()
  10. Array Of JS Dates How To Group By Days
  11. How to disable legend click to stop pie slice from disappearing in Highcharts?
  12. How to delete a variable?
  13. jQuery UI DatePicker to show year only
  14. Javascript library: to obfuscate or not to obfuscate – that is the question [closed]
  15. Why is ProgressEvent.lengthComputable false?
  16. How to filter an object with its values in ES6
  17. Make angular.forEach wait for promise after going to next object
  18. jQuery, JavaScript, HTML: how to load images after everything else is loaded?
  19. When to call function vs function() in react onClick? [duplicate]
  20. ES6 Promise replacement of async.eachLimit / async.mapLimit
  21. Validate inputs that are not inside a form with jQuery Validation plugin [closed]
  22. how to get object’s name in javascript?
  23. Loading script tags via AJAX
  24. Javascript: Sort array of arrays by second element in each inner array
  25. Firefox WebExtension importing Services
  26. JavaScript – function to load external JS files is needed
  27. Change Title of Javascript Alert [duplicate]
  28. Strip HTML tags from text using plain JavaScript
  29. Using styled-components with props and TypeScript
  30. How to add delay to jquery mouseover? [duplicate]

Leave a Comment