Seguindo a ideia de parsear com expressão regular, poderia ser assim:
var str = '4354543/sfd f^^ <textarea id="text">Hello World! 34% #_2@.;/°? </textarea> fr fdgdf //fdg3';
matchs = str.match(/\<textarea[\s\S]*?id\=\"text\"[\s\S]*?\>([\s\S]+?)\<\/textarea\>/);
console.log(matchs[1]);
Em resumo, eu busco a abertura da tag textarea
que tenha o id="text"
, seguido de um grupo de busca, que será o índice 1
do match, seguido do fechamento da tag textarea
.
A classe de caracteres [\s\S]
é um "macete" que encontra qualquer coisa MESMO. Pulo do gato muito explanado pelo @hkotsubo. Isso não vai quebrar a busca caso tenha quebra de linha e etc.
Não vou abordar tudo que foi usado na expressão regular, já que é aceitável uma solução melhor que vou apresentar:
var str = (
'<textarea id="um_id_qualquer">Lorem, ipsum dolor sit amet consectetur adipisicing elit.</textarea>'
+'<textarea id="2_id_qualquer">Dignissimos ducimus quas illo a expedita pariatur maxime magni,</textarea>'
+'<textarea id="tres_id_qualquer">amet sint laborum eveniet, quam,</textarea>'
+'<textarea id="text">Hello World! 34% #_2@.;/°? </textarea>'
+'<textarea id="4_id_qualquer">recusandae enim iste delectus quidem! Iusto, at amet!</textarea>'
);
var parser = new DOMParser().parseFromString(str, "text/html");
console.log(parser.getElementById('text').innerHTML);
Como a str
é um HTML válido, basta criar um DOMParser
e usar os métodos do próprio DOM.
getElementById()
, já que sua string é uma página HTML?<textarea[^>]*>([^<]*)
provavelmente (se tiver que apelar tanto assim, a ponto de precisar de RegEx, claro)<!-- <textarea> etc -->
), a regex não detecta (e uma regex pra reconhecer comentários HTML é bem complicada), já DOMParser ignora corretamente (é só um exemplo, há vários outros casos que fazem regex ser inviável dependendo do caso) - por fim, vale sempre ler aqui e aqui