title: Trouble accessing html value
body: <p>I have a javascript webpage where I define variables by <code>getElementById</code> but I can't access everything within the object.</p>
  <pre><code>const x = document.getElementById('value_x_id')
  console.log(x)
  </code></pre>
  <p>Which results in</p>
  <pre><code>&lt;label id=&quot;value_x_id&quot; class=&quot;MuiFormLabel-root MuiInp…led MuiFormLabel-filled&quot; data-shrink=&quot;true&quot; value=&quot;true&quot;&gt;
  </code></pre>
  <p>I want to specifically access <code>value</code> but it returns as null:
  I can successfully access <code>id</code> but not any of the other values.</p>
  <pre><code>console.log(x.id)
  </code></pre>
  <p>Results in:</p>
  <pre><code>value_x_id
  </code></pre>