NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Přepsání class u hluboko ponořeného divu bez ID

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
M.B.
Člen
Avatar
M.B.:19.2.2022 21:56

Ahoj, potřebuji změnit class u divu, který je hluboko a nemá ID, neví někdo prosím, jak na to s JS? Kód je z nainstalovaného doplňku do kterého nemám přístup.

Potřebuji aby obě class byly small button success large-4 medium-6 small-6 (ty se třemi hvězdičkami na začátku řádku).
Rozházelo se mi po vložení odsazení, takže se omlouvám.

<div id="colorbox" class="shoptet-modal-md" style="padding-bottom: 30px; padding-right: 30px; top: 551px; left: 618px; position: absolute; width: 670px; height: 198px;">
<div id="cboxWrapper" style="height: 228px; width: 700px;">
<div>
<div id="cboxTopLeft" style="float: left;"></div>
<div id="cboxTopCenter" style="float: left; width: 670px;"></div>
<div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;">
<div id="cboxMiddleLeft" style="float: left; height: 198px;"></div>
<div id="cboxContent" style="float: left; width: 670px; height: 198px;">
<div id="cboxLoadedContent" style="width: 670px; overflow: auto; height: 198px;"><div class="advanced-order-wrapper">
    <div class="advanced-order">
        <div class="advanced-order-product columns">
            <h2>Přidáno do košíku</h2>
            <p data-testid="popupProductItemName">
                Prsten 02                 byl přidán do vašeho <a href="/kosik/" title="Košík">košíku</a>
            </p>
                 <div class="cart-tip">
                       <strong>MÁTE DOPRAVU ZDARMA!</strong>
                 </div>
                 <div class="clear">&nbsp;</div>

                <div class="advanced-order-buttons large-12 medium-12 small-12">
***                <a href="#" class="back-to-shop js-colorbox-close">Zpět do obchodu</a>
***                 <a href="/kosik/" class="small button success large-4 medium-6 small-6" data-testid="popupCart" rel="nofollow">Nákupní košík</a>
                </div>

      </div>
      <div class="large-12 medium-12 small-12 columns">      </div>
    </div>
</div>
</div>

Děkuji za pomoc.

Zkusil jsem: Hledal jsem, jak to nahradit, ale bohužel tento div nemá ID, takže jsem se nedostal nikam.

Chci docílit: Chci aby místo odkazu bylo také tlačítko, jako tlačítko vedle.

Editováno 19.2.2022 21:58
 
Odpovědět
19.2.2022 21:56
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:20.2.2022 20:12

google = document.query
div#cboxLoadedContent div div div:nth-child(3)

d = document.getElementsByTagName('DIV')
alert( d[14].innerHTML )
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
20.2.2022 20:12
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.