title: cannot change <label> text color
body: <p>My research into the base HTML DOM element says this about any DOM element's "style" property
  (from <a href="http://www.w3schools.com/jsref/dom_obj_all.asp" rel="noreferrer">http://www.w3schools.com/jsref/dom_obj_all.asp</a>):</p>
  
  <pre><code>   "style --    Sets or returns the style attribute of an element"
  </code></pre>
  
  <p>The 'label' tag is a dom element.  And thus it has a 'style' property.  As it points out on the w3schools link
  above, all dom elements have a 'style' property.</p>
  
  <p>And in fact, here I'm setting (inline) the 'style' property for a <strong>label</strong> tag -- and this works fine:</p>
  
  <pre><code>    &lt;label for="itemImageId" style="color: gray" id="labelForImageUploadID"&gt;Item image&lt;/label&gt;
  </code></pre>
  
  <p>The label text color is gray at page load time.</p>
  
  <p>Under a certain condition (user has indicated they're ready to select an image to upload) --
  I need to show the upload as 'enabled' by changing the initial gray text color of the above  to black.</p>
  
  <p>Do I know I could use a css class for this label's text color and use the 'className' property to dynamically
  alter the css class of the  above?  You bet I do.  Tonight though I'm holding this DOM element's feet 
  to the fire.  I just have one 'style' attribute to change (text color) and don't want to add a class just for it 
  -- what I'm trying here should work according to the docs.</p>
  
  <p>I want to know why I can't use the 'style' property as the DOM says I can -- "get" AND "set" DOM element's 
  properties.</p>
  
  <p>Here I'm "set"-ing the 'style' property of my  -- this does NOTHING -- the label text remains gray:</p>
  
  <pre><code>    document.getElementById('labelForImageUploadID').style = "color: rgb(0,0,0)";
  </code></pre>
  
  <p>Nor does this change the color from gray to black:</p>
  
  <pre><code>    document.getElementById('labelForImageUploadID').style = "color: black";
  </code></pre>
  
  <p>The above code executes (in javascript) <em>after</em> the label is already visible on the page, and in response to an onclick event of a button on the form that the label is also a part of.</p>
  
  <p>Is there a bug in the ability to "set" a DOM element's 'style' property?
  According to <a href="http://www.w3schools.com/jsref/dom_obj_all.asp" rel="noreferrer">http://www.w3schools.com/jsref/dom_obj_all.asp</a>, </p>
  
  <pre><code>   "HTMLElement Object
  
      The following properties, and methods can be used on all HTML elements."
  
          (other properties here.....)
     "style --    Sets or returns the style attribute of an element"
         (still other properties here......)
  </code></pre>
  
  <p>So why can't I change the  element's 'style' property then in my code above?</p>