从数组（水平）Javascript DOM循环相邻的图像_Javascript_Arrays_Dom

从数组（水平）Javascript DOM循环相邻的图像

javascript arrays dom

从数组（水平）Javascript DOM循环相邻的图像,javascript,arrays,dom,Javascript,Arrays,Dom,我在玩DOM和JS。有人能给我一个提示，如何让图像彼此相邻，而不是覆盖。。比如：randomnumberimage1 randomnumberimage2 randomnumberimage3等等 <html> <head> <meta charset="utf-8" /> <title>Söka Tärning</title> </head> <body> <p>Klicka

我在玩DOM和JS。有人能给我一个提示，如何让图像彼此相邻，而不是覆盖。。比如：randomnumberimage1 randomnumberimage2 randomnumberimage3等等

 <html>
<head>
    <meta charset="utf-8" />
    <title>Söka Tärning</title>
</head>
<body>
<p>Klicka för att fylla på arrayen med slumptal.</p>

    <button onclick="slumpatal()">Slumpa</button>
    <button onclick="sortering()">Sortera Högsta--->Lägsta</button>
    <button onclick="hittanummer(3)">Hitta 3:or</button>

    <p id="allatal"></p>
    <p id="vinst"></p>
    <p id="sokt_tal"></p>

    <img id="tarningsbilder" src="bild1.png" alt="tärning" />
    <img id="helavektorn" src="bild1.png" alt="tärning" />
     <script>
         var alla_tal_i_vektorn = [];
         var antal_sökta_tal = 0;

         function slumpatal() {
             document.getElementById("vinst").innerHTML = "";

             slumptal = Math.floor(Math.random() * 3) + 1;
             alla_tal_i_vektorn.push(slumptal);



             for (var i = 0; i < alla_tal_i_vektorn.length; i++) {
                 document.getElementById("tarningsbilder").src = "bild" + alla_tal_i_vektorn[i] + ".png";

             }

             document.getElementById("allatal").innerHTML = alla_tal_i_vektorn;
             document.getElementById("tarningsbilder").src = "bild" + slumptal + ".png";
             if (slumptal == 3)
                 document.getElementById("vinst").innerHTML = "en trea yieppie!!";
         }

         function sortering() {
             alla_tal_i_vektorn.sort(function (a, b) { return b - a });
             document.getElementById("vinst").innerHTML = alla_tal_i_vektorn;
         }

         function hittanummer(sökt_tal) {
             antal_sökta_tal = 0;
             for (var i = 0; i < alla_tal_i_vektorn.length; i++) {
                 if (alla_tal_i_vektorn[i] == sökt_tal)
                     antal_sökta_tal += 1;
             }
             document.getElementById("sokt_tal").innerHTML = "det fanns " + antal_sökta_tal + "st treor!";
         }
    </script>
</body>
</html>

提前谢谢你的帮助

问候猪

自己找一个简单的解决方案。。！她的密码是：

Söka och sortera tärningKlicka för att fylla påarrayen med slumptal

<button onclick="myFunction()">Slumpa</button>
<button onclick="sortering()">Sortera Högsta-->Lägsta</button>
<button onclick="findById(3)">Hitta 3:or</button>

<p id="demo"></p>
<p id="vinst"></p>
<p id="sokt_tal"></p>



<script>
    var all_numbers = [];
    **var alla_bilder = [];**
    var nums = 0;

    function myFunction() {
        document.getElementById("vinst").innerHTML = "";

        slumptal = Math.floor(Math.random() * 3) + 1;
        all_numbers.push(slumptal);
        ***alla_bilder.push("<img src=bild" + slumptal + ".png\>");***

        **document.getElementById("demo").innerHTML = alla_bilder;**
        document.getElementById("demo").src = "bild" + slumptal + ".png";



        if (slumptal == 3)
            document.getElementById("vinst").innerHTML = "en trea yieppie!!";
    }

    function sortering() {
        all_numbers.sort(function (a, b) { return b - a });
        document.getElementById("vinst").innerHTML = all_numbers;
    }

    function findById(num) {
        nums = 0;
        for (var i = 0; i < all_numbers.length; i++) {
            if (all_numbers[i] == num)
                nums += 1;
        }
        document.getElementById("sokt_tal").innerHTML = "det fanns " + nums + "st treor!";
    }
</script> </body> </html>

谢谢 Tha Pig

Javascript node.parentNode.childNodes[]

或

JQUERY $“选择器”。同级

在获得兄弟节点后，您可以检查元素节点是否为img。

您能解释一下您试图用javascript做什么吗？这是一个小工具，希望能在编程的不同方面帮助新手，比如DOM、JS等。我不确定如何实现它。我仍然想知道这是不是最简单的方法。不过还是谢谢你。嗨！我自己回答。我用一个新的阵列使它高效、平滑。