outerHTML,innerHTML,innerTEXT区别

之前一直对outerHTML,innerHTML,innerTEXT的概念不是很清楚，无意间在网上找到了这张图，终于明白了

var otestdiv = document.getElementById("testdiv");

otestdiv的outerHTML,innerHTML,innerTEXT对应下图