如何获得td标签内使用javascript的<nobr>标签的价值不是jquery

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（以及IE9，10和11在兼容模式运行时）将使用innerText，而其它浏览器将使用textContent。