document.body.appendChild(button) tworzy button i tekstowy "[object HTMLButtonElement]"

pytanie zadane 25 października 2016 w JavaScript przez Guardd Początkujący (350 p.)

Cześć,

Ćwiczę sobie taki mały projekt i stworzyłem za pomocą createElement dwa buttony, które poprzez document.body.appendChild próbuję umiejscowić w HTMLu. Działa, ale nie mogę pozbyć się tekstowego elementu, który przy okazji się tam pojawia:

"[object HTMLButtonElement]"

Chodzi mi o to, żeby znalazły się tam tylko button i nic poza nim. Proszę o wskazówkę. Poniżej zamieszczam link do CodePena:

http://codepen.io/Basia12345/pen/JRzLmB?editors=1010

2 odpowiedzi

odpowiedź 25 października 2016 przez Przemek Zembrzuski Gaduła (3,240 p.)
wybrane 25 października 2016 przez Guardd

Najlepsza

Cześć,
jak dodajesz elementy to nie poprzez innerHTML tylko bezpośrednio czyli tak:

 wrozba.innerHTML = (wylosowanyHoroskop + pytaniePierwsze)
      document.body.appendChild(buttonT);
      document.body.appendChild(buttonN);
 document.getElementById("button").disabled = true;

komentarz 25 października 2016 przez Guardd Początkujący (350 p.)

Dzięki wielkie! Wpatrywałbym się w to godzinami i nigdy do tego nie doszedł :)

odpowiedź 25 października 2016 przez Magicone Nałogowiec (45,100 p.)

Przeanalizuj to na spokojnie, skrypt robi dokładnie to, co od niego wymagasz. Przypisujesz do pola innerHTML element HTML, który zrzucony na typ string daje wartość właśnie "[object HTMLButtonElement]". ;)

komentarz 25 października 2016 przez Guardd Początkujący (350 p.)

Teraz, jak mi o tym powiedziałeś, to to do mnie dotarło. Dzięki wielkie! :)

komentarz 25 października 2016 przez Guardd Początkujący (350 p.)

A moglibyście rzucić tylko okiem i powiedzieć co mam totalnie źle w tym kodzie?

Robiłem go od początku bez żadnego tutoriala, żeby poćwiczyć "mechanikę". Działa, ale wiem, że na pewno można by coś zrobić w inny sposób. Mam wrażenie, że definiowanie buttonów (jak na początku kodu), szło by inaczej/lepiej rozwiązać.

Za wszelkie wskazówki serdecznie dziękuję!

http://codepen.io/Basia12345/pen/QKooQj?editors=1010