0

Onde está "VALOR" é o resultado que preciso pegar e mostrar

<span class="nomeClass" title="titulo" tabindex="0" aria-label="number">VALOR </span>
$el = $dom->getElementsByTagName('span');

Parei nessa parte e não sei o que fazer.

8
  • Olá @Paulo Previatto, Você quer obter o valor de um input, isso?
    – Neo
    Commented 16/07/2018 às 16:38
  • desculpe, o site nao mostro o código inteiro, atualizei aki o post , de uma olhada novamente Commented 16/07/2018 às 16:39
  • atualizei, então é o valor de um elemento html, no caso uma span. Vc tem conhecimento em jquery?
    – Neo
    Commented 16/07/2018 às 16:40
  • pouco conheçimento amigo Commented 16/07/2018 às 16:41
  • vc já obteve o valor vindo do banco de dados com php e agora gostaria de ler com js/jquery para poder manipulá-lo em demais situações de sua aplicação, isso?
    – Neo
    Commented 16/07/2018 às 16:42

4 Respostas 4

2

A sua pergunta é bem ampla pois nada sabemos a respeito do código fonte da página que deveremos extrair o texto de determinada tag span cuja classe é nomeClass.

Podem existir inúmeras tags span com a classe nomeClass e até mesmo, - porque não - outros elementos com a mesma classe nomeClass, veja por exemplo o código HTML a seguir:

exemplo.html

<!--Suposto Código fonte da pagina -->

<html>

<head>
<title>Página</title>
</head>

<body>

    <div class="nomeClass">div 1</div>

    <span class="nomeClass"> Previous</span>

    <br>
    
    <input type="text" class="nomeClass">
    
    <br>

    <span class="nomeClass">Complete HTML </span>

    <br>

    <span class="nomeClass">Next </span>
    
    <div class="nomeClass">div 2</div>

    <span class="nomeClass"> Previous</span>

    <br>
    <span class="nomeClass">Complete HTML </span>

    <p>
    <span class="nomeClass" title="titulo" tabindex="0" aria-label="number">VALOR</span> 
    </p>
    <p>
    <span class="nomeClass" title="titulo" tabindex="0" aria-label="number">Esse VALOR Não interessa</span> 
    </p>
    <p>
    <span class="nomeClass" title="titulo" tabindex="0" aria-label="number">Outro VALOR Não interessa</span> 
    </p>
</body>

</html>

Note que o texto do elemento que queremos obter é o elemento de índice 8, ou seja o nono elemento cuja classe é nomeClass, independentemente de ser uma tag span.

Supondo o HTML acima podemos fazer da seguinte forma:

loadexemplo.php

    <?php
    $html = file_get_contents("exemplo.html");
    $DOM = new DOMDocument();
    @$DOM->loadHTML($html);
    $finder = new DomXPath($DOM);

    $classname = 'nomeClass';

    $nodes = $finder->query("//*[contains(@class, '$classname')]");
    foreach ($nodes as $node) {
      $result=$result.$node->nodeValue.",";
    }

    $partes = explode(',',$result);
    $textoSpan=$partes[8];
    
    echo $textoSpan;

    ?>

exemplo acima rodando no servidor

De qualquer forma, mesmo que haja apenas um elemento com class nomeClass o código acima funcionará perfeitamente. Não se esqueça que neste caso o índice do elemento deverá ser 0 (zero)

1
  • muito obrigado pela ajuda amigo, consegui resolver o problema! Commented 16/07/2018 às 22:06
1

Paulo você pode colocar um id no span para pegar o valor do mesmo.

<!--No HTML-->
<span id="mySpan">Conteúdo do meu span</span>
//No javascript
document.getElementById("mySpan").innerHTML;

Para pegar com elemento class.

var elementoUm = document.getElementsByClassName('mySpan')[0].innerHTML; 

Nesse caso o document.getElementsByClassName vai pegar todos os elementos com a classe mySpan e no [0] estou pegando o primeiro elemento da página com a class mySpan.

Espero ter ajudado.

6
  • estou puxando conteudo de outra pagina, e no código nao tem ID a span Commented 16/07/2018 às 16:46
  • em vez de puxar a id da span, nao poderia puxar tipo atraves da class ou title ?? Commented 16/07/2018 às 16:47
  • Acrescentei o exemplo com class na resposta, pois como comentário é difiícil de visualizar. Commented 16/07/2018 às 16:56
  • sim com esse script consigo pegar a linha, e pra mostrar como faço ? Commented 16/07/2018 às 17:30
  • Nesse caso é só você jogar a variável elementoUm onde deseja. Por exemplo se quiser que o conteúdo vá para a div teste seria. document.getElementById("teste").innerHTML = elementoUm; Commented 16/07/2018 às 17:37
1

Se o seu problema é de PHP, resolva-o com PHP - não entendi porque outras respostas utilizaram JavaScript.

Você iniciou bem. De fato, a solução será utilizando a classe DOMDocument, porém, para fazer a busca do elemento na árvore, será melhor você utilizar a classe DOMXPath

$html = <<<HTML
    <span class="nomeClass" title="titulo" tabindex="0" aria-label="number">VALOR</span>
HTML;

$dom = new DOMDocument();
$dom->loadHTML($html);

$xpath = new DOMXPath($dom);

foreach($xpath->query('//span[@class="nomeClass"]') as $span) {
    echo $span->nodeValue, PHP_EOL;
}

Veja funcionando no Repl.it

Perceba que foi instanciado o objeto DOMXPath em relação ao DOMDocument e executado a busca //span[@class="nomeClass"], que buscará todos os elementos span que possuem a classe igual a nomeClass. Como o retorno pode ser um array, é necessário iterar sobre o resultado com o foreach, obtendo o valor do elemento com nodeValue.

Para o exemplo acima, a saída será VALOR.

1
  • muito obrigado pela ajuda amigo, consegui resolver o problema! Commented 16/07/2018 às 22:07
0

creio q com jquery vc consegue pegar o q precisa. var valor = $('.nomeClass').text(); alert(valor);// VALOR

lember-se q geralmente se usa a mesma classe para vários elementos na mesma página html. prefira usar o Id, por exemplo.

4
  • 2
    Deixei meu voto negativo por dois motivos: 1) a pergunta é sobre PHP, não JavaScript; 2) porque mesmo se fosse JavaScript, usar jQuery para apenas isso seria completamente desnecessário.
    – Woss
    Commented 16/07/2018 às 19:17
  • nem sempre o q se quer e como se quer fazer não são as melhores opções. os comentários podem ajudam ou não. Commented 16/07/2018 às 19:27
  • eu teria vergonha de fazer uma pergunta dessas com um curriculo igual ao seu. boa sorte! Commented 16/07/2018 às 19:44
  • Obrigado, problema ja foi resolvido ! Commented 17/07/2018 às 4:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .