2009-03-10 6 views
30

Di seguito si riporta la struttura del mio div:come ottenere il nodo figlio in div utilizzando JavaScript

<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> 

Ora, se ho l'id del div, come posso ottenere il tempo e l'indirizzo per questo div usando JavaScript?

risposta

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

Come faccio ad avere div? Quando metto il divID qui, dice, questa proprietà non è valida. –

+1

@Khushi ha utilizzato 'firstChild.data' o' firstChild.nodeValue' ha funzionato per me. –

2

caso in cui il tavolo un ID univoco, la sua più facile:

<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'];