var out = document.getElementById("out");

var res = out.innerHTML;

res = "foo";

// .innerHTML method is used to change the html contents of a DOM object

document.getElementById("demo").innerHTML = "Paragraph changed!";

var myInnerHtml = document.getElementById("forloop").innerHTML;

<p id="demo"></p>

<p id="myList">This is my text</p>

​

// first way of accessing element

document.getElementById("demo").innerHTML = "I have changed!";

​

// second way of accessing element

var element=document.getElementById("demo");

element.innerHTML = "I have changed!";

​

// get text of id myList

let html = document.getElementById("myList").innerHTML;

document.getElementById("Test").innerHTML = "<p style='color:red;'>Test</p>";

// Try to use `textContent` instead of innerHTML as innerHTML can be hacked.

​

document.getElementById("myHeader").textContent = "Heading"

// Get the element you want to modify

const element = document.getElementById('myElement');

​

// Set the inner HTML content

element.innerHTML = 'New HTML content';

// Get the element on which we want to set the innerHTML

const element = document.getElementById('elementId');

​

// Set the innerHTML of the element

element.innerHTML = 'New innerHTML value';

<button onclick="this.innerHTML = Date()">The time is?</button>