title: Js - Append a value to element CSS
body: <p>This seems so simply yet its not working (undefined).</p>
  
  <p>I have set a var to <code>&lt;ul&gt;</code> which is a child of <code>&lt;div&gt;</code> element "feature_tabs_indicators".
  The pBoxShadowProperty function gets the BoxShadow property supported by the current browser.</p>
  
  <p>And the final statement merely sets the pBoxShadowProperty to 0, i.e. its overriding the CSS set Box-Shadow property.</p>
  
  <p>Can someone please explain what I am doing wrong here in the last statement?</p>
  
  <p>Best,</p>
  
  <pre><code>var iActiveNo = 0;
  var eTabInd = document.getElementById ("feature_tabs_indicators").children[0];
  var pBoxShadowProperty = getSupportedCSSproperty(["boxShadow", "mozBoxShadow", "webkitBoxShadow"]);
  
  function getSupportedCSSproperty (propertyArray)
  {
      var root = document.documentElement;
      for (var i = 0; i &lt; propertyArray.length; i++)
      {
          if (typeof root.style[propertyArray[i]] === "string")
          {
              return propertyArray[i];
          }
      }
  }
  
  iActiveNo = iActiveNo + 1;
  eTabInd.children[iActiveNo - 1].style[pBoxShadowProperty] = "";
  </code></pre>
  
  <p><a href="http://jsfiddle.net/RtaK7/6/" rel="nofollow">Here is the jsfiddle, press the light green button 'rght' on top right.</a> </p>