Website: Https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
1.innerHTML: Gets or modifies the content of the element in the HTML language. This property allows you to execute some JS code. Non-standard.
The correspondence between some symbols and the left entity:
1) ": "
2) <: <
3) >: >
4) &: &
5): Space
If you set the contents of an element with innerHTML:
1) A single "<", if there is no paired ">", will Cause "<" after the content can not be resolved, all ignored.
2) The pairing of the "<" and ">" and between the contents, if not the legal label, will cause the illegal label to be ignored.
3) The entity of HTML in innerHTML text content will be converted to the corresponding symbol display first.
2.textContent: Can correctly get the node content, there will be no special symbol of the problem.
3.innerText: Non-standard attribute that gets the text of the node and its child nodes.
HTML InnerHTML, Textcontext, InnerText