Hirdetés

Új hozzászólás Aktív témák

  • Jim-Y
    veterán

    Milyen megoldás van arra, hogy, ha rákattintok egy gombra, akkor az a tömbön belül más stílust adjon? Ebben a példában szeretném, ha az új "Lemon" szó ne feketével, hanem mondjuk pirossal jelenjen meg. Hozzáadtam a fruits.style.color = "red";, de nem működik.

    Előre is köszönöm!

    <!DOCTYPE html>
    <html>
    <body>

    <p>The push method appends a new element to an array.</p>

    <button onclick="myFunction()">Try it</button>

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

    <script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    document.getElementById("demo").innerHTML = fruits;

    function myFunction() {
    fruits.push("Lemon")
    fruits.style.color = "red";
    document.getElementById("demo").innerHTML = fruits;
    }
    </script>

    </body>
    </html>

    Szia, ez így több sebből is vérzik. Kezdem az elejéről.

    - Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt.

    - ne innerHTML-el szúrd be az elemeket, hanem csinálj mindegyiknek egy container-t így később egyszerűbb lesz stílusokkal ellátni őket

    Csináltam egy példát és adtam commenteket is. Lehet sokkal töb kódból lett megoldva a probléma de legalább nem deprecated technikákat használ: https://jsfiddle.net/fwuyLec8/

    Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni.

Új hozzászólás Aktív témák