Menu
Here is a very simple program and the output should be JavaScript but I am only getting s.
<html> <head> <title></title> <script type="text/javascript"> document.getElementById("ma").innerHTML="JavaScript"; </script> </head> <body> <h1 id="ma">s</h1> </body> </html> 
860
People can struggle and complain about innerHTML not working. Such things usually occur because of human error, when strings are not appropriately defined, or there are some mistakes in JavaScript code.
To set the value of innerHTML property, you use this syntax: element. innerHTML = newHTML; The setting will replace the existing content of an element with the new content.
Yes, setting the . innerHTML properties overwrites any previous value for that property.
When changing a html element with a function using innerHTML, the html element changes, but immediately the page reloads and the element is set back to his original value.
The element doesn't exist at the time you're attempting to set a value. You need to call this after the <h1> has been added to the DOM.
You can either move this <script> tag down further, or add your logic to a function which ought to be called when the document has been loaded:
window.onload = function() { /* Add your logic here */ } Demo: http://jsfiddle.net/Lr2Hm/
126
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
