<nobr>タグの値を取得する方法jqueryでないjavascriptを使用してtdタグ内

Question

私はtdタグから値を取得するために以下のコードを試しています。 My Nameの値を取得できますが、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>

他のブラウザがtextContentを使用する一方IE8（ならびにIE9、10、および11互換モードで実行されている）、innerTextを使用することに注意してください。