Jak zmienić kolejność w strukturze DOM

0

Proszę o pomoc bo się już męcze dłuższy czas

Mam taki kod w HTML

<body>

    <div class="testowa">
        <a href="https://google.pl"><img
                src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"></a>
    </div>


    <script src="script.js"></script>
</body>

i taki kod w js


var els = document.querySelectorAll(".testowa a");
for (var i = 0; i < els.length; i++) {
  els[i].href = "#";
}

Chodzi mi o to że chciałbym żeby nie było w ogóle tych anchorów

Chciałbym żeby był div który ma img a nie że pomiędzy jeszcze a i jak to zrobić w js?

W tym kodzie zrobiłem a z href="#" ale nie chce mieć w ogóle tego a

0

Nie do końca rozumiem, ale chyba chcesz, żeby w divie było tylko zdjęcie bez linku.
Możesz to zrobić tak:

var containers = document.querySelectorAll(".testowa");
for(container of [...containers]){
    const img = container.querySelector("img")
    const a = container.querySelector("a")
    const clone = img.cloneNode(false);
    container.removeChild(a)
    container.appendChild(clone)
};

Przykład na CodePen: https://codepen.io/zerakot/pen/dyerobE

A tak z ciekawości to do czego Ci to potrzebne? Może jeśli lepiej objaśnisz tło problemu to znajdziemy lepsze rozwiązanie.

0

Pracuje w CMSie który uniemożliwia wdrożenie samemu zmian bo programista który go stworzył zablokował wiele rzeczy a chciałbym przez JS pozmieniać stąd moje pytanie

0

pracuje na cmsie klienta nie jest on open source

1 użytkowników online, w tym zalogowanych: 0, gości: 1