使用其他站点元素的 id javascript

Question

我试图从亚马逊产品（佳能EF-S Teleobiettivo Compatto，55-250 mm F/4-5.6 IS STM，Nero）获得标题），如何获取该trought元素的id？我写了，但它什么也没显示，如果我不把.innerHTML显示"null"

function writeText() {
  text1 = document.getElementById("http://www.amazon.it/dp/B00EP71ETU#productTitle");
  //document.write(text1.innerText)
  document.getElementById("outputDiv").innerHTML = (text1)
}

"outputDiv"只是：<div id="outputDiv"></div>在带有按钮的主体内部，单击该按钮即可调用writeText（）

Answer 1

你不能

只使用getElementId来访问另一个页面的DOM。对于这样的事情，您需要使用 ajax 获取 Amazon 页面，然后解析该结果以获取您要查找的 id。

如果你可以使用jQuery，通常你可以使用他们的load方法从外部站点获取页面：

$( "#outputDiv" ).load( "http://www.amazon.it/dp/B00EP71ETU #productTitle" );

但是，在这种情况下，亚马逊不允许跨站点HTTP请求，因此，如果您采用此路线，则可能必须通过代理运行ajax调用才能访问外部页面，如下所示：

$.get( "proxy.php", { url: "http://www.amazon.it/dp/B00EP71ETU" }, function(data){
    var $html        = $(data),
        productTitle = $html.find('#productTitle').text();
       $('#outputDiv').text(productTitle);
} );