2013-02-27 4 views
9

Perché non funziona innerHtml?Perché innerHtml non funziona

<script src="jquery.js"></script> 
<script type="text/javascript"> 
function chat() 
{ 
    alert ("started!"); 
    document.getElementById("test").innerHtml="foo"; 
} 
</script> 
<body id="body" onload="chat();"> 
<p id="test"> 
test.. 
</p> 
</body> 

"avviato!" sta mostrando, ma il contenuto di <p> non viene modificato in foo come previsto. Perché?

+0

@ Cœur Effettuare le modifiche a un post inutile da quasi cinque anni che non ha alcun effetto se non quello di riportarlo in home page sembra inutile nel migliore dei casi e attivamente dannoso nel peggiore dei casi –

+0

@torazaburo alcune domande su frequenti errori di battitura non sono inutili. Related: https://meta.stackoverflow.com/questions/269605/my-question-turned-out-to-b e-a-piuttosto-esoteric-typo-what-should-i-do-what-sho –

+0

Se o non la domanda è inutile, la modifica è certamente. E la domanda che citi non si qualifica come un errore di battitura "semplice", mentre ciò accade. –

risposta

25

Il caso conta, è innerHTMLnoninnerHtml. Prova questo:

document.getElementById("test").innerHTML="foo"; 
-1

Hai scritto con lettere minuscole in Javascript (innerHtml). Utilizzare questo esempio:

document.getElementById("test").innerHTML="foo"; 
0

JavaScript è un linguaggio sensibile caso quindi è necessario controllare sempre il caso del codice che si sta scrivendo.

Provare a utilizzare "innerHTML" al posto di "innerHtml".

Inoltre, si tratta di una buona pratica di utilizzare virgolette singole (') invece di virgolette (") in JavaScript.

+0

Perché non usare le virgolette doppie? – les

+0

@les: controlla questa pagina per riferimento - https://bytearcher.com/articles/single-or-double-quotes-strings-javascript/ – impiyush

-3

Se si utilizza un Mac provare a utilizzare

document.getElementById (" test ") .firstChild.nodeValue =" foo ";