Analise uma string html com js - javascript

Analise uma string html com js - javascript
Ao manter os registros em JavaScript, pode haver um requisito para manter várias entradas para utilizá -las no futuro. Por exemplo, anexando várias funcionalidades vitais de HTML em JavaScript para se livrar de seus efeitos por um determinado momento. Em tais situações, analisar uma string html com JS é de grande ajuda para reduzir a complexidade geral do código.

Este tutorial demonstrará as estratégias para analisar uma string html com javascript.

Como analisar uma string html usando javascript?

Para analisar uma sequência HTML com JavaScript, aplique as seguintes estratégias:

  • ““createElement ()”Método e“Innerhtml" propriedade.
  • ““Domparser ()”Construtor e“parsefromstring ()”Método.

Método 1: analise uma sequência html em javascript usando o método createElement () e a propriedade Innerhtml

O "createElement ()”O método é usado para gerar um nó para um elemento html dinamicamente, e o“Innerhtml”Propriedade fornece o conteúdo HTML de um elemento. Essas abordagens podem ser aplicadas para criar um elemento no código JavaScript e anexar uma string html a ele.

Sintaxe

documento.createElement ('elementName');

Nesta sintaxe, “ElementName”Refere -se ao elemento HTML que precisa ser criado.

Exemplo

Vamos passar pela demonstração abaixo do ponto:

No bloco de código acima:

  • Em primeiro lugar, crie um elemento HTML chamado “p”Usando o“createElement ()”Método.
  • Na próxima etapa, anexe o elemento html declarado usando o “Innerhtml" propriedade.
  • Por fim, exiba o elemento criado acumulando a sequência HTML analisada no console.

Saída

Da saída fornecida, pode -se ver que o “

Método 2: analise uma sequência html em javascript usando o método Domparser () e parsefromstring ()

O "Domparser ()”O construtor cria o objeto Dom Parser, e o“parsefromstring ()”O método é usado para analisar a string contendo para o documento HTML ou XML. Essas abordagens podem ser aplicadas para analisar uma string html especificando o tipo de documento.

Sintaxe

documento.parsefromstring (string, 'mimeType')

Nesta sintaxe:

  • ““corda”Corresponde ao elemento que precisa ser analisado no documento.
  • ““Mimetype”Indica o tipo de documento que chama o tipo de analisador.

Exemplo

Vamos passar pelas linhas de código abaixo:

No trecho de código acima:

  • Em primeiro lugar, crie um novo objeto Dom Parser usando o “novo"Palavra -chave e a"Domparser ()”Construtor, respectivamente.
  • Na próxima etapa, associe o objeto criado ao “parsefromstring ()”Método para analisar o valor da string declarada.
  • O "texto/html”No parâmetro do método especifica que a string analisada é um documento HTML.
  • Por fim, exiba a sequência HTML analisada no console.

Saída

Na saída acima, é evidente que o novo analiser dom foi construído com sucesso.

Conclusão

Para analisar uma string html com JavaScript, use o “createElement ()”Método e“Innerhtml"Propriedade ou a"Domparser ()”Construtor e“parsefromstring ()”Método. As abordagens anteriores podem ser usadas para criar um elemento HTML no código JS e analisar uma string html específica. A última abordagem pode ser aplicada para criar um novo objeto Dom Parser e analisar uma sequência HTML especificando o tipo de documento. Este artigo discutiu as estratégias para analisar uma string html com JS.