Question

我有一个html表，包含5行，每行有3个td，每行的第二个td有一个随机数的图像，我想计算在那个td中创建的图像数。在我的代码中，我得到一个随机数并创建一个循环来创建td中具有id =“one”的图片数量等等但是我需要一个函数来计算图像的数量，以便将它与用户的答案进行比较，当用户在第三个td中写下孩子的数量，然后按回车键，我想将他的答案与真实的孩子数量进行比较。第二个td

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)


             }

Answer 1

您可以使用querySelectorAll：

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

如果您想在一个td中统计图片，可以使用id的{{1}}：

td

Answer 2

在普通的js中你可以这样做：

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

如何计算表格

2 个答案: