Necessario inserire getElementById? (Mi funziona anche senza)

**nuovobuio** · 15-07-2012, 05:53

Salve, sto studiando, facendo i primi esercizi con javascript, noto che se non inserisco questo elemento (getElementById) mi funziona lo stesso il codice, su tutti i browser su cui l'ho provato, è giudicato un errore non lo inserire?

codice:

<!DOCTYPE html>

<html>
    <head>
          <script src="prova.js"></script>
          <title>Nome della pagina,titolo nei motori di ricerca</title>
          <meta charset="utf-8">
    </head>
    <body>
    <div id="pluto" style="width:50px; height:50px; border:1px solid #333; display:block;"></div>
    <input id="btn1" type="button" value="clicca" onclick="provaJS();"/>
    <script  type="text/javascript">
    function provaJS() 
    {
    if(pluto.style.display=="block"){
	    pluto.style.display="none"
    } else {
	    pluto.style.display="block"
    }
    }
    </script>  
    </body>
</html>

l'if dovrebbe essere una cosa del genere, ma non mi funziona:

codice:

    if(document.getElementById("pluto").style.display=="block"){
	   document.getElementById("pluto").style.display="none"
    }  else {
    document.getElementById("pluto").style.display="block"
    }
    }

Grazie, e buongiorno

**cavicchiandrea** · 15-07-2012, 10:27

Primo punto meglio sempre inserire document.getElementById per riferirsi ad un id del documento cosi d'avere ottime possibilità che funzioni con tutti i browser (più diffusi) vecchi e nuovi si per pc che per tablet o smartphone.
Per il secondo punto, se il if è inserita nel file prova.js e normale che non funzioni perché viene scatenato prima che oggetto "pluto" sia presente nel documento, se non è cosi specifica meglio tutta l'operazione

**nuovobuio** · 15-07-2012, 16:20

ciao andrea, in effetti funziona, il file prova.js l'ho creato perchè volevo cominciare a lavorare con le classi, provengo da actionscript3, e devo dire che javascript non è poi così diverso, ma anche seguendo vari tutorial sono un tantino frastornato, mi aiuteresti? Se volessi di questo codice:

codice:

<!DOCTYPE html>

<html>
    <head>
          <script src="prova.js"></script>
          <title>Nome della pagina,titolo nei motori di ricerca</title>
          <meta charset="utf-8">
    </head>
    <body>
    <div id="pluto" style="width:50px; height:50px; border:1px solid #333; display:block;"></div>
    <input id="btn1" type="button" value="clicca" onclick="provaJS();"/>
    <script  type="text/javascript">
    function provaJS() 
    {
    if(document.getElementById("pluto").style.display=="block"){
	    document.getElementById("pluto").style.display="none"
    } else {
	    document.getElementById("pluto").style.display="block"
    }
    }
    </script>
    </body>
</html>

farne una classe esterna in js? Cerco di capire come scrivere e richiamare le funzioni delle classi esterne, se dal foglio html, volessi richiamare una funzione dentro un file di testo .js, che veda il div creato nell'html e lo ridimensioni, come agisco? In as3 lo avrei fatto senza problemi .. (ma ti sembra normale che dopo anni di studio uno debba buttare tutto all'aria e ricominciare con linguaggi diversi? Ma a che servono le specializzazioni se dopo 4 o 5 anni si è costretti a fare tabula rasa e ricominciare da zero?! .. )

**cavicchiandrea** · 15-07-2012, 16:55

Forse visto le tue conoscenze forse ti viene più facile usando jquery adatto per animare o modificare velocemente oggetti del documento.
Per l'auto meglio se ti studi le guide di html.it che trovi qui

P.S. Vedi il lato positivo quando avrai una buona conoscenza del linguaggio avrai grosse soddisfazioni

**nuovobuio** · 15-07-2012, 17:37

mi sfugge sicuramente, sono su quelle lezioni da giorni, ma non vedo ancora, in che modo scrivere, impostare e richiamare i file esterni con le classi js dall'html, sicuro sia in queste lezioni?

**cavicchiandrea** · 15-07-2012, 18:31

Il concetto di esportare le funzioni in file.js inclusi e una questione di pulizia del documento e di eventuale modifiche del codice devi intervenire solo sul file non su tutte le pagine, ma in se lo sviluppo di una funzione non cambia che essa sia inclusa o nel documento.
Per quanto concerne le "classi" forse fai un po di confusione se intendi il javascript un linguaggio ad oggetti che non è, se invece intendi altro come non detto.
Vista la confusione (senza offesa) che hai, forse ti conviene prendere in considerazione un corso se devi capire e sviluppare in js per lavoro

**nuovobuio** · 15-07-2012, 19:00

non credo di essermi fatto capire, ti chiedevo se è questo il metodo giusto per lavorare con html e file .js esterni:

codice:

<html>
    <head>
    <script src="prova.js"></script>
    </head>
    <body>
<input type="button" value="clicca" onClick="esempio()">
</body>
</html>

e questo il file prova.js dove basta scrivere la funzione:

codice:

function esempio() {
alert("Ciao Mondo!");
}

tutto qui? Nessuna specifica di classe? Niente? Solo funzione e magari parametri?
Poi tramite il pulsante nell'html la funzione esterna viene riconosciuta direttamente tramite il nome, senza fare altro?
Sbaglio qualcosa, o è proprio così che si lavora con i due file?

**cavicchiandrea** · 15-07-2012, 19:16

Esatto, quanto hai scritto va bene

Discussione: Necessario inserire getElementById? (Mi funziona anche senza)

Strumenti discussione

Ricerca discussione

Visualizza

Necessario inserire getElementById? (Mi funziona anche senza)

Permessi di invio