Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Liste

  1. #1

    Liste

    Ciao a tutti, vorrei che qualcuno mi risolvesse questo dubbio:
    Utilizzando DOM HTML e HTML5 ho costruito la seguente pagina:

    <!DOCTYPE html>
    <html>
    <body>
    <ul id="listaA">[*]Mela[*]Fragola[/list]
    <ul id="listaB">[*]Kiwi[*]Pera[/list]


    <button onclick="F()">
    Try it
    </button>

    <script>
    function F()
    {
    var x=document.getElementById("listaB").lastChild;
    document.getElementById("listaA").appendChild(x);
    }
    </script>

    </body>
    </html>

    Quando salvo la pagina con estenzione .htm e aggiorno la pagina, è tutto ok; ho notato però che se la lista B la compongo in questo modo:

    <ul id="listaB">[*]Kiwi[*]Pera[/list]

    dopo che ho cliccato sul button la prima volta, l'ultimo nodo[*] della lista B non si sposta nella lista A; quando però clicco la seconda volta sul button, l'ultimo nodo[*] della lista B si sposta nella lista A;
    il dubbio da risolvere allora è che quando utilizzo il marcatore <ul> devo considerare anche gli spazi tra i marcatori[*] ?
    Grazie

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    ciao fabiopat,

    ricorda che se tenuto, come tutti, ad utilizzare il tag [CODE][/CODE] per postare codice sul forum.

    indipendentemente da html 4 o 5 qui mi sembra un problema di interpretazione js.
    sposto nella sezione opportuna

  3. #3
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Usi IE per caso? No perché una volta, tempi di IE6 però, creare elenchi puntati da usarsi come menù, se andavi a capo ti scompaginava la lista, ad ogni buon conto è interessante quello che hai scoperto.
    La soluzione? Così a monavia posso dirti di usare un id per le voci di elenco (li) e non per l'elemento di lista non ordinata (ul), considera che puoi usare anche id solo numerici, id="1", id="2", id="x" con HTML5 ne sono sicuro ma leggendo ora le specifiche HTML 4.01 non ne fa menzione, secondo me puoi usarlo così facilmente.
    Quindi puoi usare che so document....(3).appendChild(document....(2).lastCh ild); insomma vedi tu

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Se vai a capo nelle liste aggiungi ulteriori nodi ( di testo ) ed e' proprio l'ultimo di questi che viene spostato... anche se non te ne accorgi
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Originariamente inviato da br1
    Se vai a capo nelle liste aggiungi ulteriori nodi ( di testo ) ed e' proprio l'ultimo di questi che viene spostato... anche se non te ne accorgi
    Trovato infatti: http://gabrieleromanato.com/2012/12/...mento-del-dom/

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.