What are the differences between innerHTML and innerText

This article introduces the relevant knowledge of "what are the differences between innerHTML and innerText". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Overview

InnerHTML refers to everything from the start position to the end position of the object, including the HTML tag.

InnerText refers to the removal of the content of the tag.

Difference

Let's look at the differences directly in code:

The difference between innerHTML and innerText-(yisu.com)

This paragraph, including the label, will be fully output.

The output part of this paragraph does not contain a label.

InnerHTML output innerText output

When I click on the first link, the pop-up window reads "

This paragraph, including the label, will be fully output.

".

When I clicked on the second link, the pop-up window read: "the output of this paragraph does not contain a tag." The tag content is not included.

instructions

In development, innerHTML is W3C compliant, while innerText is only applicable to IE browsers. So use innerHTML as much as possible.

If you want to output content that does not include tags, you can first use innerHTML to get the content, and then use regular expressions to remove the HTML tags. As follows:

After removing the HTML tag, the text "what's the difference between innerHTML and innerText" is introduced here. Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!