Visualizzazione dei risultati da 1 a 3 su 3

Discussione: <div> e <text>

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    218

    <div> e <text>

    <!doctype html>
    <html>
    <body>
    <div id="div1" style="border:3px red double; width:300px;">Roma</div>
    <div id="div2" style="border:3px blue double; width:300px;">Latina</div>
    <input type="text" id="testo1" value="Palermo" size=20><br>
    <input type="text" id="testo2" value="Messina" size=20><br>
    <script>
    div2.value=div1.value;
    testo2.value=testo1.value;
    </script>
    </body>
    </html>

    Desidero sapere perché:
    la riga testo2.value=testo1.value; funziona,
    mentre la riga div2.value=div1.value; non funziona

    grazie
    lanvoel

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    Il fatto che il primo esempio (input) funzioni non vuol dire che sia stato scritto in modo ottimale, l'ideale è inserire l'elemento html all'inteno di una variabile definita, così da accedere ai vari metodi dell'elemento stesso.
    Tornando al problema, il secondo esempio deve fare riferimento al textContent perche il value è solo a specifici elementi html.

    il tuo esempio funziona in parte perchè stai utilizzando id, ma se invece devi fare riferimento all'elemento con classi o nomi, ecc, vedrai che quello che hai scritto non va più bene.

    codice:
            const div1 = document.getElementById('div1')
            const div2 = document.getElementById('div2')
            const testo1 = document.getElementById('testo1')
            const testo2 = document.getElementById('testo2')
    
            div2.textContent = div1.textContent
            testo2.value = testo1.value

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    218
    Grazie ninja72 per avermi risposto e per avremi dato la soluzione del quesito.

    lanvoel

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 © 2025 vBulletin Solutions, Inc. All rights reserved.