Kezdőoldal » Számítástechnika » Weblapkészítés » Gombnyomásra utolsó listaeleme...

Gombnyomásra utolsó listaelemet változóba?

Figyelt kérdés

Ezt készítettem példaképpen: [link]


Azt szeretném hogy valahogy az utolsó elemét az <ul> listának beletegye egy változóba (mindig csak a legfrissebb ha új szöveg jön az legyen a változóban) majd gombnyomásra

document.getElementByIs('szoveg').value = változó;

rakja bele.


2019. márc. 17. 12:47
1 2
 1/12 anonim ***** válasza:

Íme egy példa:

[link]

kérdéses, hogy mit másoljon? Az üzenet küldőjét vagy tartalmát?

2019. márc. 17. 16:46
Hasznos számodra ez a válasz?
 2/12 A kérdező kommentje:
Köszönöm szépen!
2019. márc. 17. 18:24
 3/12 A kérdező kommentje:
Köszönöm, még lenne valami ráfrissítettem az oldalra próbáltam többféleképpen is de nem igazán sikerült. Ezt hogy kellene mikor több osztály van megadva szóközzel elválasztva és az ul-nek is van megadva class?
2019. márc. 17. 18:43
 4/12 anonim ***** válasza:

próbáld így:

querySelector-ral megfoghatod a node-ot, amire css selectorral hivatkozol paraméterben, jelen esetben #messages id-jű elemben lévő <ul> belső tartalmát bővítjük


document.getElementById('masol').addEventListener('click', function(){

var txt = document.getElementById('szoveg').value;

document.querySelector('#messages ul').innerHTML += '<li>'+txt+'</li>';

});

2019. márc. 17. 19:19
Hasznos számodra ez a válasz?
 5/12 A kérdező kommentje:

#4 köszönöm, de nem erre voltam kíváncsi :)

csak az utolsó kiírt szöveget akarom belerakni egy változóba a példa szerint:

[link]

2019. márc. 17. 19:28
 6/12 anonim ***** válasza:

Bocs, félre értettelek, neked fordítva kell, a dobozban lévő szöveget akarod az input-ba tenni:


last-of-type, vagy last-child, illetve nth-child-al hivatkozhatsz az elemekre querySelectorral.


document.getElementById('masol').addEventListener('click', function(){

var valtozo = document.querySelector('.eddig-erkezett li:last-of-type span:last-of-type').innerHTML;

document.getElementById('szoveg').value = valtozo;

});

2019. márc. 17. 19:30
Hasznos számodra ez a válasz?
 7/12 A kérdező kommentje:

Kipróbáltam a következő kódot:


var valtozo = document.querySelector('.messages li:last-of-type span:last-of-type').innerHTML;



if(document.querySelector('.bevitel').value == "mutasd") {

document.querySelector('.bevitel').value = valtozo; }


Ezzel nem változik meg a szöveg viszont ha úgy használom hogy:

document.querySelector('.bevitel').value = "más";


úgy pedig igen. Mi lehet a hiba?

2019. márc. 17. 20:13
 8/12 A kérdező kommentje:
Nem a teszt oldalon hanem egy másikon de az is körülbelül ugyan így van felépítve.
2019. márc. 17. 20:15
 9/12 anonim ***** válasza:

Elfogtam egy nem privát üzenetet:

"Az üzenet témája: Szia, kérhetnék egy kis segítséget?

Az üzenet szövege: Sikerült megoldani, viszont kaptam egy errort a böngészőbe [link] az innerHTML-re. nincs ötleted mivel lehetne ezt kijavítani?

Köszönöm előre is."

1. chatmsgs helyett chatUzik

2. msgcount helyett msgSzam

2019. márc. 19. 19:19
Hasznos számodra ez a válasz?
 10/12 anonim ***** válasza:

Újfent egy üzenet:

"Az üzenet témája: oh, :)

Az üzenet szövege: elfelejtettem átírni, szóval ez így: [link] néz ki csak hogy hülyén adtam meg a változó neveket neveztem át (de elfelejtettem szerkeszteni kód feltöltésekor a tartalom változó értékének megadásánál).

A hibát az innerHTML-ben írja viszont működik a kód"

Akkor jó lenne látni a teljes forráskódot, HTML-estül mindenestül.


Vagy használd a böngésző beépített konzolját (CTRL+Shift+I vagy F12-es billlentyű) és debugolj:

console.log(chatUzik);

ha null vagy undefinied a visszatérő érték, akkor nem megfelelő a megadott osztály neve (nem véletlenül uzenet_tartalom?).

2019. márc. 20. 16:43
Hasznos számodra ez a válasz?
1 2

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!