携帯端末のリンクテキストを変更する

Question

モバイルのボタン/リンクのテキストを変更しようとしています。しかし、私はCSSへのアクセス権がなく、それは内部で行われなければなりません。画面サイズを確認する方法はほとんどありませんでしたが、効果はありません。 これを行うには堅牢な方法がありますか？それはin-htmlスタイリングでなければなりません。

これはフィドルファイルです：https://jsfiddle.net/sbwLwg3y/3/

<script> 
     if (screen.width > 470) { 
     document.getElementById("changeMe").innerHTML = "link text changed"; 
     } 

    </script> 
    <table width="100%"> 
     <tr> 
     <td align="center"> 
      <table cellspacing="10"> 

      <tr> 
       <td bgcolor="#E2A71D" class="innertd buttonblock" style=" background-color: #E2A71D;"> 
       <a alias="" href="#tag" style=" color: #FFFFFF; background-color: #E2A71D;" title="Request a call back">btn1</a></td> 
       <td bgcolor="#E2A71D" class="innertd buttonblock" style=" background-color: #E2A71D;"> 
       <a id="changeMe" class="callnow1" href="tel:345345345" style=" text-decoration: none; display: block; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 15px; font-weight: 600; color: #FFFFFF; ">btn2</a></td> 
      </tr> 
      </table> 
     </td> 
     </tr> 
    </table>