Ao programar em JavaScript, geralmente queremos escrever códigos complexos, onde é muito provável que adicione um “html”Tag em um valor de string em caso de títulos ou parágrafos por engano. Por exemplo, a etiqueta final de um elemento html ou corpo deve ser despojada se o elemento html ou corpo não for seguido por um comentário. Não sei como tirar as tags HTML de uma string específica? Sem problemas!

Este manual discutirá os métodos para retirar as tags HTML de uma string específica em JavaScript.

Como tirar as tags html de uma string em javascript?

Para retirar as tags HTML usando JavaScript, as seguintes abordagens podem ser utilizadas:

• Método “Replaceall ()”
• Propriedade de "conteúdo de texto"
• Interface "Domparser"
• Pacote “string-strip-html”

Passar pelos métodos mencionados um por um!

Método 1: Tags html de tira da string em javascript usando o método replaceall ()

O "substitua tudo()”O método retorna uma nova string quando todos os padrões correspondentes são substituídos pela substituição especificada. Este método pode ser implementado para substituir todas as tags HTML em uma string com a string vazia.

Sintaxe

replaceall (padrão, substituição)

Na sintaxe dada, “padrão”Refere -se à string ou um objeto, e“substituição”Pode ser uma função ou uma string.

O exemplo abaixo explica o conceito claramente.

Exemplo

No exemplo a seguir, inclua um valor de string, incluindo tags html colocadas no “

”Tag e exiba o valor da string não protestado:

Valor da string: Deixe Unstrabed = "

Faixa Tag

";
console.log ("tags html sem fios:", sem fusão)

Agora, aplique o “substitua tudo()”Método para substituir as tags html por string vazia especificada como” “. O "GI" aqui procurará todas as ocorrências da expressão regular na string fornecida, e a ““operador regex”Começará a procurar valores a partir de“/”e terminando em“/”, respectivamente:

Deixe substituir = sem fusão.replaceall (/]+(> | $)/gi, "");

Por fim, exiba o valor da string correspondente sem tags html:

console.log ("tags html despojadas:", substitua);

A saída correspondente será a seguinte:

Método 2: Retire as tags HTML de uma string em JavaScript usando a propriedade de conteúdo de texto

O "TextContent”Propriedade define o conteúdo de texto do elemento especificado. Este método pode ser utilizado para retornar os elementos de texto da string html fornecida.

Exemplo

Primeiro, armazene um valor de string sem fusão e exiba -o conforme discutido no método anterior.

Deixe Unstrabed = "

Html Elementos

";
console.log ("tags html sem fios:", sem fusão)

Em seguida, crie um elemento chamado “div”Usando o“documento.createElement ()”Método e atribua ao elemento criado um valor de string, incluindo as tags html:

Deixe div = documento.createElement ("div");
div.INNERHTML = Unstripped;

Agora, aplique a propriedade TextContent para incluir texto no “" elemento. Se a string contiver elementos, esse método com o TextContent retornará seu conteúdo e retirará as tags HTML usando ”” em uma string vazia e o registrará no console:

Deixe o texto = div.TextContent || div.InnerText || "";
console.log ("tags html despojadas:", texto);

Saída

Método 3: Despote as tags HTML de uma string em JavaScript usando a interface Domparser

O "Domparser”. Essa técnica pode ser implementada analisando um código HTML de tal maneira que, quando uma string que contém o código HTML é passada a ele como um argumento, as tags HTML podem ser despojadas com o Domparser e seus ““parsefromstring ()”Método.

Sintaxe

Domparser.parseofromstring (sem fusão)

Aqui, "parsefromstring ()”O método remove as tags html da string“sem fusão”.

Exemplo

Em primeiro lugar, crie uma função chamada “striptags ()" com "html”Como seu argumento.

Em seguida, aplique o método parsefromstring () para remover as tags html da variável especificada chamada “sem fusão”Referindo -se ao valor da string não amarrado e retorna seu conteúdo de texto usando o“TextContent" propriedade:

função striptags (html)
const parsehtml = new Domparser ().parseofromstring (sem fusão, 'texto/html');
Retornar parsehtml.corpo.TextContent || ";

Agora, crie um valor de string a ser despojado e exiba os valores não marcados e despojados no console e compare -os:

Deixe Unstrabed = "

Java e JavaScript

";
console.log ("tags html sem fios:", sem fusão)
console.log ("tags html despojadas:", striptags (não formar);

Saída

Método 4: tira tags html de uma string em javascript usando o pacote String-Strip-html

O pacote "String-Strip-html" é aplicado para tirar o html a partir de uma string específica e fornece um método "stringstriphtml ()" que carrega um html como uma entrada. Este método pode ser implementado de tal maneira que, se a sequência específica incluir o elemento "", String-Strip-html () a removerá junto com seu conteúdo.

Exemplo

Na primeira etapa, inclua um pacote de string-strip-html no “" marcação:

Agora, inclua um valor de string e consulte -o para o valor da string que contém o elemento "". Isso resultará na remoção das tags html do valor da string fornecida:

const stripHtml = stringstriphtml;
Seja htmlwithscriptElement = 'alert ("tags html");<\/script>';
Deixe sem dizer = '

Html Tag $ htmlwithscriptElement

';

Finalmente, registre os valores sem nomeação e despojados e compare os valores resultantes da string nos dois cenários:

console.log ("tags html sem fios:", sem fusão)
console.log ("tags html despojadas:", striphtml (não forçado).resultado);

Saída

Discutimos todos os métodos mais fáceis de retirar as tags HTML da string em JavaScript.

Conclusão

Para retirar as tags html da string no JavaScript, aplique o “substitua tudo()”Método para substituir todas as tags html por uma string vazia, o“Conteúdo de texto”Propriedade para retornar os elementos de texto da string html específica, a“Domparser”Interface para analisar as tags html da string ou“String-strip-html”Pacote para incluir um pacote e passar uma string html para o método embutido. Este manual guiado sobre os métodos para tirar tags html da string em javascript.