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

Question

I´m playing with DOM and JS. 我在玩DOM和JS。 Can someone show me an hint how to get the images NEXT TO EACH OTHER, not overwrite.. like: randomnumberimage1 randomnumberimage2 randomnumberimage3 etc... 有人可以给我一个提示，如何获取其他图像，而不是覆盖其他图像。例如：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>

Thanks in advance for all kind of help 在此先感谢您的各种帮助

Regards Tha Pig 问候Tha Pig

Find a snice solution by myself..! 自己找一个解决方案..！ Her´s the code: 她的代码是：

Söka och sortera tärning Sökaoch sorteratärning

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

Thanks Tha Pig 谢谢Tha Pig

Answer 1

Javascript node.parentNode.childNodes[] Javascript node.parentNode.childNodes []

or 要么

JQUERY $('selector').siblings() JQUERY $（'选择器'）.siblings（）

After you get the sibling you can check the element node is img. 获得同级后，可以检查元素节点是否为img。

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

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-10-16 18:06:14

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

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-10-16 18:06:14

解决方案1
0 已采纳 2014-10-16 18:06:14