Che cos'è innerHTML sugli elementi di input?

Question

Sto solo cercando di fare questo dalla console cromo su Wikipedia. Sto mettendo il mio cursore nella barra di ricerca e poi cercando di fare document.activeElement.innerHTML += "some text" ma non funziona. Ho cercato su google in giro e guardato le altre proprietà e gli attributi e non riuscivo a capire quello che stavo facendo male.

Il selettore activeElement funziona bene, si sta selezionando l'elemento corretto.

Modifica: Ho appena scoperto che è la proprietà value. Quindi mi piacerebbe cambiare quello che sto chiedendo. Perché non cambiare innerHTML lavoro su elementi di input? Perché hanno quella proprietà se non posso farci niente?

Answer 1

L'impostazione di value viene normalmente utilizzata per gli elementi di input/modulo. innerHTML viene normalmente utilizzato per div, span td e elementi simili.

value si applica solo agli oggetti con attributo valore (in genere, controlli modulo).

innerHtml si applica a tutti gli oggetti che possono contenere HTML (div, span ma molti altri e anche controlli di modulo).

Non sono equivalenti o sostituibili. Dipende da cosa si sta cercando di ottenere

Answer 2

vuoi dire qualcosa di simile:

$('.activeElement').val('Some text'); 

Answer 3

prima capire dove usare quello.

<input type="text" value="23" id="age"> 

Qui ora

var ageElem=document.getElementById('age'); 

Quindi su questo ageElem si può avere che molte cose quello che elemento contains.So è possibile utilizzare la sua value, type ecc attributi. Ma non è possibile utilizzare innerHTML perché non scriviamo nulla tra tag input

<button id='ageButton'>Display Age</button> 

Così qui Display Age è il contenuto innerHTML come è scritto all'interno tasto tag HTML.

Answer 4

Utilizzando innerHTML su un tag input sarebbe solo risultato:

<input name="button" value="Click" ... > InnerHTML Goes Here </input> 

Ma perché un tag input non ha bisogno di un tag di chiusura che sarà reimpostato a:

<input name="button" value="Click" ... />

Quindi è probabile che il tuo browser stia applicando le modifiche e lo ripristini immediatamente.

Answer 5

Ogni elemento HTML ha una proprietà innerHTML che definisce sia il codice HTML e il testo che si verifica tra l'apertura di quel elemento ed tag di chiusura. Modificando l'innerHTML di un elemento dopo alcune interazioni utente , puoi creare pagine molto più interattive.

JScript

<script type="text/javascript"> 
function changeText(){ 
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; 
} 
</script> 

HTML

<p>Welcome to Stack OverFlow <b id='boldStuff'>dude</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/> 

Nella la tag esempio b è l'innerHTML e tizio è il suo valore in modo di cambiare quei valori che abbiamo scritto una funzione in JScript

Answer 6

innerHTML è una proprietà DOM per inserire il contenuto in un ID specificato di un elemento. È usato in Javascript per manipolare DOM.

Ad esempio: document.getElementById ("esempio"). InnerHTML = "my stringa";

questo esempio viene utilizzato il metodo di "trovare" un elemento HTML (con id = "example") e cambia il contenuto dell'elemento (innerHTML) su "la mia stringa":

HTML Change

Javascript

function change(){ 
    document.getElementById(“example”).innerHTML = “Hello, World!” 
} 

Dopo aver fatto clic sul pulsante, Ciao, mondo! apparirà perché innerHTML inserirà il valore (in questo caso, Hello, World!) tra il tag di apertura e il tag di chiusura con un "esempio" di identificazione.

Quindi, se si ispezionare l'elemento dopo aver fatto clic sul pulsante, si vedrà il seguente codice:

<div id=”example”>Hello, World!</div> 

Questo è tutto

Answer 7

innerHTML è una struttura DOM per inserire contenuti a un id specificato di un elemento. È usato in Javascript per manipolare DOM.

Esempio.

HTML

Change

Javascript

function FunctionName(){ 
    document.getElementById(“example”).innerHTML = “Hello, Kennedy!” 
} 

pulsante On Click, Ciao, Kennedy! apparirà perché innerHTML inserirà il valore (in questo caso, Hello, Kennedy!) tra il tag di apertura e il tag di chiusura con un "esempio" di identificazione.

Così, ispezionare l'elemento dopo aver fatto clic sul pulsante, si noterà il seguente codice:

<div id=”example”>Hello, Kennedy!</div>