0

目前,我正在尝试使用 AJAX 从外部网站上获取元素,到目前为止,我(希望)设法获取了该页面:

var xmlhttp;
var version;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    version=xmlhttp.innerHTML;
    }
  }
xmlhttp.open("GET","http://www.minecraftwiki.net/wiki/Minecraft_Wiki",true);
xmlhttp.send();

现在我只需要找到一种获取内容的方法:

<dd> Current PC version: 
<b>
<a href="/wiki/Version_history#1.2.5" title="Version history">
1.2.5
</a>
</b>
</dd>

我已经检查了 url 的源代码,遗憾的是我想要的元素是未命名的(没有 id=""),所以仍然可以这样做吗?如果是这样,怎么办?谢谢

4

1 回答 1

0

首先,您正在发出跨域请求,因此除非您使用允许跨域 AJAX 的浏览器,否则如果不使用服务器端代理,这很可能对您不起作用。

但是,要回答您的原始问题,您不需要 id 属性来访问元素。虽然有帮助,但您可以通过多种方式访问​​元素。

类选择器

var col = document.getElementsByClassName("the-class");

然后循环遍历集合,直到找到所需的元素。

jQuery 选择器:

jQuery 选择器可能是处理 DOM 操作和访问您感兴趣的元素的最简单方法:

// example of an attribute selector:

var exampleHTML = $('div[title="example"]).html();

还有 XPath,但根据我的经验,jQuery CSS 选择器更现代、更健壮,并且有助于加快开发过程。

于 2012-04-09T00:02:42.293 回答