Javascript, visualizzazione [oggetto HTMLInputElement]

Question

Ho appena iniziato a imparare l'HTML. Fare uno alert() su una delle mie variabili mi dà questo risultato [object HTMLInputElement].

Come ottenere i dati, che sono stati aggiunti nel campo di testo, dove il mio tipo di input è testo?

Answer 1

Supponiamo che la variabile sia myNode, è possibile fare myNode.value per recuperare il valore degli elementi di input.

Firebug ha una scheda "DOM" che mostra utili attributi DOM.

vedere anche la pagina di Mozilla per un riferimento: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 2

Se l'elemento è un <input type="text">, si dovrebbe ricerca l'attributo value:

alert(element.value); 

vedere un esempio in questo jsFiddle.

Inoltre, e vedendo che stai iniziando a imparare l'HTML, potresti prendere in considerazione l'utilizzo di console.log() invece di alert() a scopo di debug. Non interrompe il flusso di esecuzione dello script e puoi avere una vista generale di tutti i registri in quasi tutti i browser con strumenti di sviluppo (eccetto lo quello, ovviamente).

E, naturalmente, si potrebbe considerare l'utilizzo di uno strumento di sviluppo web come Firebug, per esempio, che è un potente addon per Firefox che fornisce un sacco di funzionalità (debugging codice JavaScript, DOM Inspector, in tempo reale modifiche DOM/CSS , richiedere il monitoraggio ...)

Answer 3

<input type="text" /> 
<script> 
$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 
</script> 

uso .VAL() per ottenere il valore dell'elemento (metodo di jQuery), $ ("Ingresso: text") questo selettore per selezionare la propria input, .change() per associare un gestore di eventi all'evento JavaScript "change".

Answer 4

cambiamento:

$("input:text").change(function() { 
    var value=$("input:text").val(); 
    alert(value); 
}); 

a

$("input:text").change(function() { 
    var value=$("input[type=text].selector").val(); 
    alert(value); 
}); 

nota: selettore: id, class ..

Answer 5

Quando si ottiene un valore dal client marca e che un valore, ad esempio .

var current_text = document.getElementById('user_text').value; 
     var http = new XMLHttpRequest(); 
     http.onreadystatechange = function() { 

      if (http.readyState == 4 && http.status == 200){ 
       var response = http.responseText; 
       document.getElementById('server_response').value = response; 
       console.log(response.value); 


      }