检查span是否在表中没有值时，长度保持返回1而不是0

Question

我有一个函数可以检查表中的span标记是否有值，这样我就可以隐藏某一行，但是我的函数失败了。

长度始终返回1.如果<span>没有值则返回0，如果有值则返回1.

HTML

<table>
  <tr>
    <td colspan="2">
       <table>
         <tr id="header" onload="hideHeaders();"> 
          <td><span>Location</span></td>
         </tr>
         <tr id="roadRow">
           <td><span>Road Name</span></td>
           <td><span id= "road"></span></td>
        </tr>
       </table>
    </td>
  </tr>
</table>

的JavaScript

function hideHeaders(){ 

  var roadRow = document.getElementById('roadRow');
  var r = roadRow.getElementsByTagName('span')[1].innerText;  
  alert(r.length);        
  alert(r);

   if(r.length == 1) {
        alert("on if");
        document.getElementById('header').style.display = "none";
   }
}