Tenho conteúdo de tag HTML:
<p id="horaInicial">2018-07-23 16:40:16</p>
dentro de uma variável JavaScript, quero saber como acessar o valor: 2018-07-23 16:40:16 e colocar dentro de outra variável!
Alguém pode ajudar?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeCrie um elemento que interprete como DOM e use textContent
, assim por exemplo:
var foo = '<p id="horaInicial">2018-07-23 16:40:16</p>';
var tmpDiv = document.createElement('div');
tmpDiv.innerHTML = foo;
var bar = tmpDiv.querySelector("#horaInicial").textContent;
console.log(bar);
Se por um acaso usa jQuery poderia simplesmente use o $()
combinado com .text()
:
claro que importar o jQuery só para isto seria consumo desnecessário, então só o faça se já usa jQuery para outras coisas
var foo = '<p id="horaInicial">2018-07-23 16:40:16</p>';
var bar = $(foo).text();
console.log(bar);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Vale notar que se tiver imagens ou outros resources dependendo da origem da string que contém o HTML o seu código pode se tornar inseguro (não é que ele será inseguro, são casos isolados/especificos), veja uma postagem relacionada a isto:
Então se não tiver certeza da origem dos dados desta string, tipo puder vir de fontes externas para evitar ataques faça o uso de DOMParser
:
Navegadores suportados:
Exemplo:
function createDOM(str) {
return new DOMParser().parseFromString(str, "text/html");
}
var foo = '<p id="horaInicial">2018-07-23 16:40:16</p>';
var tmpElement = createDOM(foo);
var bar = tmpElement.querySelector("#horaInicial").textContent;
console.log(bar);
Se fosse jQuery teria que combinar:
function createDOM(str) {
return new DOMParser().parseFromString(str, "text/html");
}
var foo = '<p id="horaInicial">2018-07-23 16:40:16</p>';
var bar = $("#horaInicial", createDOM(foo)).text();
console.log(bar);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Você pode usar a função jquery .text()
, que vai retornar o conteudo do elemento que desejar.
Exemplo:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
var conteudo = "<p id=\"horaInicial\">2018-07-23 16:40:16</p>";
$(function () {
var outra_variavel = $(conteudo).text();
alert(outra_variavel);
});
</script>
</head>
</html>
x = document.getElementById('id_da_tag').innerHTML;
?var x=document.getElementById("horaInicial").innerText
?