title: Change an a tag attribute in JavaScript based on screen width
body: <p>I was trying to change the attribute of an a tag using media queries but I found out that media with a hyperlink is purely advisory. So, the alternative is to use JavaScript but I seem to be having trouble getting the screen.width to work.  </p>
  
  <p>JavaScript:</p>
  
  <pre><code>function adjustHeight(){
      var actual_width=screen.width;
      alert("width: " + actual_width);
      if(actual_width &lt; 1281) {
          var h1= document.getElementById('procsLink').getAttribute('font-size');
          alert("font-size: " + h1);
          h1 = 35px;
          document.getElementById('procsLink').setAttribute('&lt;font&gt;&lt;/font&gt;-size',h1)
      }
  return false;
  }
  </code></pre>
  
  <p>Here is my Jsfiddle of the code: <a href="http://jsfiddle.net/Arandolph01/2DVv9/" rel="nofollow">http://jsfiddle.net/Arandolph01/2DVv9/</a></p>
  
  <p>Note: I know there is a way to have the link still appear after 'click' so you can see the changed attribute. (Not sure how)</p>
  
  <p>What do I need to do to get the JavaScript to recognize the screen size? Is my a tag correct?</p>
  
  <p>Thank you. </p>