Diskuze: Jak na appendClass

Naučíme tě pracovat na home-office.

Zjistit více...

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

Aktivity

Nezmar Hydra

Člen

Nezmar Hydra:7.10.2016 12:12

Nemohu přijít na to jak jak použít appendChild.
Zkoušel jsem to v mnoha podobách, ale nikdy mi nezafungovalo formátování pomocí css vždycky se mi maximálně vypíše text.

var mainko= document.createElement("ID");
var trida = document.createElement("class");
var trida2 = document.createElement("class");
var hacko = document.createElement("span");

mainko.id = "MojeMain3";
trida.class = "post";
trida2.class = "title";
hacko.span="span";
document.getElementById("main").appendChild(mainko);
document.getElementById("MojeMain3").appendChild(trida).appendChild(trida2).appendChild(hacko).textContent ="ghghghgfhd";

Nakonec jsem to pořešil přes innerHTML, ale myslim, že musí bejt elegantnější cesta. Můžete někdo poradit?
Teprve začínám, přečetl jsem si tutoriály a laboruju. Děkuju za rady.

Editováno 7.10.2016 12:13

Odpovědět

7.10.2016 12:12

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):7.10.2016 16:34

https://jsfiddle.net/…7gg4cmz8/13/

Nahoru Odpovědět

7.10.2016 16:34

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Ján Timoranský

Tvůrce

Ján Timoranský:7.10.2016 16:36

Chceš akože elementu nastaviť classu cez kód? Skús použiť .className na element? Ak som zle pochopil otázku tak skús lepšie špecifikovať, čo potrebuješ.

element.className += " " + newClassName;

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

7.10.2016 16:36

Find what you love and let it kill you.

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):7.10.2016 16:46

https://jsfiddle.net/…or/o00nm7ez/

Nahoru Odpovědět

7.10.2016 16:46

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):7.10.2016 17:12

Najlepšie je to riešiť cez jQuery, príklad máš vyššie.

Nahoru Odpovědět

7.10.2016 17:12

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Marian Benčat

Člen

Marian Benčat:7.10.2016 19:42

Pardon za minuska.. ale kvuli naprosto primitivnimu pridani classy elementu OPRAVDU NELINKUJEME KNIHOVNU

Ján dává správné řešení.

Nahoru Odpovědět

7.10.2016 19:42

Totalitní admini..

Nezmar Hydra

Člen

Nezmar Hydra:7.10.2016 22:14

Děkuji za rychlé reakce. Jestli jsem špatně vysvětlil problém tak se omlouvám.
Jedná se mi o to, že pořebuju vlastně tohle

<div id="example" class="post">
<h2 class="title">id "nadpis"</h2>
<h3 class="date">id "datum"</span></h3>
<div class="story">id " textt"</div></div>
abych to mohl generovat z javy a vkládat texty, tak aby bylo zachováno formátování CSS.

vyřešil jsem to takhle :
document.getElementById(IDecko).innerHTML= ("<div class=")+"post"+("><h2 class=")+"title"+("><span id=")+Hlavicka+("></span></h2><h3 class=")+"date"+("><span class=")+"month"+("></span><span id=")+datum+("></span></h3><div class=")+"story"+("><p id=")+Telo+("></p></div></div>");

Funguje to, jen mám pocit, že to není úplně správné řešení a mělo by to jít vytořit právě pomocí objektu a appendChild(). Je to tak?

Nahoru Odpovědět

7.10.2016 22:14

Ján Timoranský

Tvůrce

Ján Timoranský:7.10.2016 23:20

Skúsil som dať niečo dohromady na JSFiddle . Určite sa to dá urobiť lepšie a efektívnejšie, no na ukážku a porozumenie to podľa mňa postačí. Pre každý element si zadefinuješ premennú, ktorej iba cez metódy pridáš ID, classu a obsah.

Nahoru Odpovědět

7.10.2016 23:20

Find what you love and let it kill you.

Nezmar Hydra

Člen

Nezmar Hydra:7.10.2016 23:46

Velice děkuji, teď jsem se s tím dopral skoro sám. Natrklo mě jak si napsal className
já psal
trida.class = "post";
trida2.class = "title";
a stačilo
trida.className = "post";
trida2.className= "title";
a už jsem věděl že jsem kde chci bejt.
Děkuju moc.

Nahoru Odpovědět

7.10.2016 23:46

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 9 zpráv z 9.

Nejčastěji vyhledáváné

Diskuze: Jak na appendClass