JavaScript: innerHTML
In the following short post, we are going to take advantage of JavaScript and its innerHTML method.
Every DOM element can be manipulated using JavaScript. With the use of jQuery we can do great things, but if we need to do something more basic, it is probably better to use JavaScript directly, without the help of the aforementioned great library.
We can manipulate any DOM element using its id as selector together with document.getElementById. The advantage is that we can manipulate the inner html part of the element.
Let's see some example.
First example
Try the following example...
Second example
This is different. Let's change the text according to a user input:
As you can see we can really do anything we want and manipulate the HTML inside a specific tag.
I could go on with many more example however I think we got to the point.
I leave the rest to your imagination.
Every DOM element can be manipulated using JavaScript. With the use of jQuery we can do great things, but if we need to do something more basic, it is probably better to use JavaScript directly, without the help of the aforementioned great library.
We can manipulate any DOM element using its id as selector together with document.getElementById. The advantage is that we can manipulate the inner html part of the element.
Let's see some example.
First example
Try the following example...
Welcome to the Web Thought...
Second example
This is different. Let's change the text according to a user input:
Chose a new text...
As you can see we can really do anything we want and manipulate the HTML inside a specific tag.
I could go on with many more example however I think we got to the point.
I leave the rest to your imagination.