2015-10-12 15 views
-1

我有一張html表格,其中包含5行,每行有3個td,每行的第二個td有一個隨機數的圖像,我要計數在該td中創建的圖像的數量。 在我的代碼中,我得到一個隨機數並創建一個循環來創建td中具有id =「one」的圖片數量等等 但我需要一個函數來計算圖片的數量以便與用戶進行比較答案,當用戶寫在第三TD的孩子的數量,並按回車鍵,我想他的回答與兒童的實數,第二個TD比較 enter image description here如何計算表中的圖像數量

在JS

function newProblem(){ 

document.getElementById("one").innerHTML=""; 
document.getElementById("two").innerHTML=""; 
document.getElementById("three").innerHTML=""; 
document.getElementById("four").innerHTML=""; 
document.getElementById("five").innerHTML=""; 

var y= getRandomNum(); 


    while(y>0){ 
     var x= document.getElementById("one"); 


     var img = document.createElement('img'); 
     img.src = "images11.jpg"; 
     x.appendChild(img); 

     y--; 

     } 
     var z= getRandomNum(); 


     while(z>0){ 
     var x= document.getElementById("two"); 


     var img = document.createElement('img'); 
     img.src = "images11.jpg"; 
     x.appendChild(img); 

     z--; 

     } 
     var a= getRandomNum(); 

     while(a>0){ 
     var x= document.getElementById("three"); 


      var img = document.createElement('img'); 
      img.src = "images11.jpg"; 
      x.appendChild(img); 

      a--; 

     } 
     var b= getRandomNum(); 


     while(b>0){ 
     var x= document.getElementById("four"); 


     var img = document.createElement('img'); 
     img.src = "images11.jpg"; 
     x.appendChild(img); 

     b--; 

     } 
     var c= getRandomNum(); 


     while(c>0){ 
     var x= document.getElementById("five"); 


     var img = document.createElement('img'); 
     img.src = "images11.jpg"; 
     x.appendChild(img); 

     c--; 

     } 
        //function to get random number 

       function getRandomNum(){ 

      var min = 1; 
      var max = 13; 
      return RanNum = Math.floor(Math.random() * (max - min + 1) + min) 


      } 

回答

3

您可以使用querySelectorAll

var count = document.querySelectorAll('td img').length 

如果你想在一個td來算的圖像,你可以使用idtd

var count = document.querySelectorAll('#one img').length; 
+0

是每個TD有用? –

+0

我編輯了我的回覆 – Magus

+0

謝謝@magus,但我沒有使用jquery從來沒有,我怎麼能把這個在我的js代碼 –

1

在純JS,你可以這樣做:

var cnt = document.getElementById('myTable').getElementsByTagName('img').length