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.
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.
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 classenomeClass
e até mesmo, - porque não - outros elementos com a mesma classenomeClass
, 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 tagspan
.
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á ser0
(zero)
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.
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
.
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.