Gombnyomásra utolsó listaelemet változóba?
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.
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>';
});
#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:
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;
});
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?
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
Ú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?).
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!