title: document.querySelectorAll get innerText of ALL selected elements at once pure javascript
body: <p>I want to get all innerText of a whole column of a very long html table (random length).
  I'm using this code:</p>
  
  <pre><code>var tbEls = document.querySelectorAll('#tBodyID tr td:nth-child(cidx)');
  </code></pre>
  
  <p>Where cidx = the column index I want to extract content from.</p>
  
  <p>But such code extracts all the td elements (with the innerText inside them of course).
  But it doesn't extract directly all the innerText inside them. Cause of this I have to reprocess the returned tdEls array with a for loop to extract from each tbEls[i] element its own innerText. It works but...</p>
  
  <p>My question is:</p>
  
  <p>In pure JS (no external libraries or frameworks) is it possible to use a more direct approach improving some way <strong>just and only</strong> the querySelectorAll parameter <code>('#tBodyID tr td:nth-child(cidx)')</code> to get directly <strong>all the td elements innerText at once</strong> and in just one javascript statement and without the need of reprocessing the returned array with the for loop or anything else?</p>
  
  <p>In other words is there a some kind of innerText selector that can be used to get them all at once without any kind of extra loop?</p>
  
  <p>No problem at all if it is not recognized by old browsers, I'm sorry for them.</p>
  
  <p>What I hope to achieve is something like:</p>
  
  <pre><code>var arrTblColInnerText = document.querySelectorAll('#tBodyID tr td:nth-child(cidx):alltd:innerText');
  </code></pre>
  
  <p>I want to get an array similar to:</p>
  
  <pre><code>0: value from column cidx cell 0
  1: value from column cidx cell 1
  2: value from column cidx cell 2
  3: value from column cidx cell 3
  ...
  n: value from column cidx cell n
  </code></pre>
  
  <p>Thanks in advance.</p>