Difference between innerText, innerHTML, and childNodes[].value?

Question

What is the difference between innerHTML, innerText and childNodes[].value in JavaScript?

Answer 1

var element = document.getElementById("main");
var values = element.childNodes[1].innerText;
alert('the value is:' + values);

To further refine it and retrieve the value Alec for example, use another .childNodes[1]

var element = document.getElementById("main");
var values = element.childNodes[1].childNodes[1].innerText;
alert('the value is:' + values);