Question

我在玩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>

提前感谢您提供各种帮助

此致 Tha Pig

自己寻找一个解决方案..！她是代码：

Sökaochhsorteratärning

Klickaförattinfyllapårayenmed sluellal。

<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

Answer 1

的Javascript node.parentNode.childNodes []

或

JQUERY $（ '选择'）。兄弟姐妹（）

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

从阵列（水平）Javascript DOM循环图像彼此相邻

1 个答案: