title: innerText vs innerHTML vs label vs text vs textContent vs outerText
body: <p>I have a dropdown list which is populated by Javascript.</p>
  <p>Whilst deciding what should be the default value to show on load, I realised that the following properties showed exactly the same values:</p>
  <ul>
  <li><code>innerText</code></li>
  <li><code>innerHTML</code></li>
  <li><code>label</code></li>
  <li><code>text</code></li>
  <li><code>textContent</code></li>
  <li><code>outerText</code></li>
  </ul>
  <p>My own research shows bench marking tests or comparisons between a few of them, but not all.</p>
  <p>I can use my own common sense and choose 1 or the other as they provide the same result, but, I'm concerned this is not going to be a good idea if the data were to change.</p>
  <p>My findings are:</p>
  <ul>
  <li><code>innerText</code> will show the value as is and ignores any HTML formatting which may be included</li>
  <li><code>innerHTML</code> will show the value and apply any HTML formatting</li>
  <li><code>label</code> appears to be the same as <code>innerText</code>, so I can't see the difference</li>
  <li><code>text</code> appears to be the same as <code>innerText</code> but the jQuery shorthand version</li>
  <li><code>textContent</code> appears to the same as <code>innerText</code> but keeps formatting (such as <code>\n</code>)</li>
  <li><code>outerText</code> appears to be the same as <code>innerText</code></li>
  </ul>
  <p>My research can only take me so far as I can only test what I can think of or read what is published, can any one confirm though if my research is correct and if there is anything special about <code>label</code> and <code>outerText</code>?</p>