Suppose that you have a <p> element with an id of 'id1'. Use javascript to set the inner html of this element to 'hello!'

We will do this in 2 steps to make it easier to understand. Firstly, we need to obtain the actual <p> element with javascript. To do this, we use the following command:var p = document.getElementById('id1'); This finds the element by its id tag, and assigns it to our javascript variable p.Now we need to change the inner html with this command:p.innerHTML = 'hello!'; Once you understand the 2 commands going on here, you can use both of them in one line, which saves space and saves us from having to define any javascript variables:document.getElementById('id1').innerHTML = 'hello!';

JC

Related Javascript Mentoring answers

All answers ▸

How would you change the background colour of a div with the id "colourme" to purple?


What does the document.onload() function do and why is it useful?


What does the following code do and why? console.log(1+"2")


What is the difference between global and local variables?