làm thế nào để có được các nút con trong div bằng javascript

Question

Dưới đây là cấu trúc của div của tôi:

<div id="ctl00_ContentPlaceHolder1_Jobs_dlItems_ctl01_a" 
    onmouseup="checkMultipleSelection(this,event);"> 
     <table cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:50px; text-align:left;">09:15 AM</td> 
       <td style="width:50px; text-align:left;">Item001</td> 
       <td style="width:50px; text-align:left;">10</td> 
       <td style="width:50px; text-align:left;">Address1</td> 
       <td style="width:50px; text-align:left;">46545465</td> 
       <td style="width:50px; text-align:left;">ref1</td> 
      </tr> 
     </table> 
</div> 

Bây giờ, nếu tôi có id của div, làm thế nào tôi có thể nhận được thời gian và địa chỉ cho div này sử dụng JavaScript?

Answer 1

var tds = document.getElementById("ctl00_ContentPlaceHolder1_Jobs_dlItems_ctl01_a").getElementsByTagName("td"); 
time = tds[0].firstChild.value; 
address = tds[3].firstChild.value; 

Answer 2

Nếu bạn cung cấp cho bảng của bạn một id duy nhất, nó dễ dàng hơn:

<div id="ctl00_ContentPlaceHolder1_Jobs_dlItems_ctl01_a" 
    onmouseup="checkMultipleSelection(this,event);"> 
     <table id="ctl00_ContentPlaceHolder1_Jobs_dlItems_ctl01_a_table" 
       cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
       <td style="width:50px; text-align:left;">09:15 AM</td> 
       <td style="width:50px; text-align:left;">Item001</td> 
       <td style="width:50px; text-align:left;">10</td> 
       <td style="width:50px; text-align:left;">Address1</td> 
       <td style="width:50px; text-align:left;">46545465</td> 
       <td style="width:50px; text-align:left;">ref1</td> 
      </tr> 
     </table> 
</div> 


var multiselect = 
    document.getElementById(
       'ctl00_ContentPlaceHolder1_Jobs_dlItems_ctl01_a_table' 
      ).rows[0].cells, 
    timeXaddr = [multiselect[0].innerHTML, multiselect[2].innerHTML]; 

//=> timeXaddr now an array containing ['09:15 AM', 'Address1'];