A propriedade InnerHTML é usada para ler ou definir o código HTML em um nó.
Quando o atributo OuterHtml é usado para ler ou definir o código HTML, o próprio nó será incluído.
A propriedade TextContent é usada para ler ou definir o conteúdo de texto contido no nó.
O atributo InnerText e o atributo OuterText obtêm valores diferentes ao ler o conteúdo do texto do nó do elemento. A diferença é que, ao definir o atributo de texto de um nó, o atributo OuterText faz com que o nó do elemento original seja substituído pelo nó de texto. Observe que o InnerText é uma propriedade não padrão e o Firefox não a suporta.
1. O INnerText é afetado pelo CSS, o TextContent não tem esse problema. Por exemplo, se uma regra CSS ocultar uma determinada peça de texto, o InnerText não retornará o texto e o TextContent ainda retornará.
2. O texto retornado pela InnerText filtrará espaços, quebras de linha e inserir as teclas, enquanto o TextContent não vai
3. A propriedade InnerText não faz parte do padrão DOM e o navegador Firefox nem sequer implanta essa propriedade, e o TextContent faz parte do padrão DOM.
O acima é tudo sobre este artigo. Espero que seja útil que todos aprendam e se familiarizem com o JavaScript.