如何<nobr>使用JavaScript而不是jQuery</nobr>獲取<nobr>td標簽內標簽</nobr>的值

Question

我正在嘗試下面的代碼從td標簽獲取值。 我可以獲取“我的名字”值，但無法存儲nobr標簽內的日期值。

下面是我的邏輯代碼。

var n = tableRow[t].getElementsByClassName("ms-vb2").length;

        for (var i=0, n; i < n; i++) 
        {       
          console.log(tableRow[t].getElementsByClassName("ms-vb2").item(i).firstChild.nodeValue);
        }

<tr>
<td class="ms-vb2"> My Name </td>
<td class="ms-vb2">
<nobr> 5/31/217 </nobr>
</td>
</tr>

Answer 1

考慮使用textContent和innerText屬性。

 var cells = document.querySelectorAll(".ms-vb2"); for (var i = 0, n = cells.length; i < n; i++) { var text = cells[i].textContent ? cells[i].textContent : cells[i].innerText; console.log(text); } 

 <table> <tr> <td class="ms-vb2"> My Name </td> <td class="ms-vb2"> <nobr> 5/31/217 </nobr> </td> </tr> </table> 

請注意，IE8（以及在兼容模式下運行的innerText和11）將使用innerText ，而其他瀏覽器將使用textContent 。