javascript - 使用其他网站元素的 id javascript

Question

我尝试从亚马逊产品(Canon 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" );

但是，在这种情况下，亚马逊不允许 Cross-site HTTP requests ，所以如果您选择这条路线，您可能必须通过代理运行 ajax 调用来访问外部页面，使用如下所示的内容:

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

       $('#outputDiv').text(productTitle);
} );