Obtener elemento de una pagina (url) diferente DOM

[warywin]

Hola, me preguntaba si se puede y si es asi, obtener datos o elementos de una pagina web mediante el uso de DOM . Por ejemplo:
Quiero coger el nombre de esta imagen en es esta url www.ejemplo.com.
con DOM puedo hacerlo pero nose como decirle que está en una pagina diferente y exterior no se si me entienden.
Saludos!

[larrysun2]

PHP:

Código PHP:

if(isset($_POST['vlink'])){
    $url = $_POST['vlink'];
 
    include $url;
    
}else if(isset($_GET['vlink'])){
    $url = $_GET['vlink'];
 
    include $url;
    
}else{
    
}
 

JavaScript:

Código Javascript:

ObtenerE = function(url,action){
    if(action.constructor.toString().match(/function/)&&url){
        var Ajax = new XMLHttpRequest
        Ajax.onload = function(){
            var response = document.createElement("div")
            response.innerHTML=this.response
            action(response)
        }
        Ajax.open("get","vf.php?vlink="+url)
// en vf.php pones el nombre del archivo que creaste con el codigo php
        Ajax.send(null)
    }else{
        return null
    }
}
//EJemplo de uso
ObtenerE('http://google.co.ve',function(res){console.log(res.querySelectorAll("#hplogo").innerHTML);console.log(res.querySelectorAll("#hplogo"));})
 

Aunque es mejor usar el Ajax de Jquery es mas preciso, pero, solo fue una idea, y el php es necesario ya que el navegador bloquea por defecto las solicitudes ajax a otros dominios, pero, puede que existan otras opciones, hay muchas posibilidades, pero, esta es una.

[Alexis88]

Creo que esto te puede servir.

Por cierto, el método $.ajax() de jQuery, no es «más preciso» que una petición asíncrona realizada nativamente. Hay que recordar que la primera se basa en la segunda, es decir, no se trata de otra forma de realizar una petición asíncrona (sin usar el objeto XMLHttpRequest).

Un saludo

[IsaBelM]

Más que usar expresiones regulares para este tipo de tareas, se suele usar la clase DOM de php

[Alexis88]

Es otra manera de hacerlo. De cualquier forma, es necesario el uso de PHP para acceder al contenido externo, para lo cual se pueden usar funciones como file_get_contents() o la librería cURL, entre otras, antes de hacer la toma de elementos.

[IsaBelM]

claro, dentro de la clase DOM está loadHTMLFile()

[Alexis88]

Por ahí encontré el ejemplo de uso de una clase (que creo que se basa en la de DOMDocument) que permite hacer eso de una manera bastante sencilla.

[larrysun2]

Gracias por corregir mis errores Alexis88, yo sabía que iba a aparecer alguien que corrija ese detalle, mis disculpas. Lo que quería decir era que su uso facilita un poco ciertas cosas