javascript - .trim() 对 innerText 有效吗？

Question

这是失败的。我对 trim 的使用有效吗？跨度在表格行内。

 var x = document.getElementById('myRow');
 var r = x.getElementsByTagName('span')[1].innerText;

 if(r.trim() == ""){
   alert("on if")
 }

HTML

<tr id="header"> 
   <td><span>The Header</span></td>
</tr>
<tr id="myRow">
 <td><span>Sample</span></td>
 <td><span></span></td>
</tr> 

Answer 1

如果加上正确的 html，你的代码就可以工作

HTML 示例:

<table>
    <tr id="header"> 
       <td><span>The Header</span></td>
    </tr>
    <tr id="myRow">
        <td><span>Sample</span></td>
        <td><span></span></td>
    </tr> 
</table>

JSFiddle:

https://jsfiddle.net/vfhogegd/4/

注意

Arrays start at index 0

您是指第一个跨度吗？如果是这样，您需要使用 [0]而不是 [1]

更新

根据您的 HTML，问题是您没有 <table>标签...

如果您查看控制台，您可能会看到以下错误:

Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

如果你没有<table> <td> 周围的标签标签，它是无效的 html，大多数浏览器将忽略您的标签，这就是为什么您的 getElementByID没有返回任何导致你的函数的其余部分失败的东西