Question

目前我正在尝试使用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>

我已经检查了网址的源代码，遗憾的是我想要的元素是未命名的（没有id =“”），所以仍然可以这样做吗？如果是这样，怎么样？感谢

Answer 1

首先，您正在进行跨域请求，因此除非您使用的是允许跨域AJAX的浏览器，否则如果不使用服务器端代理，这很可能不会对您有用。

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

班级选择者

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

然后遍历集合，直到找到所需的元素。

jQuery选择器：

jQuery Selectors可能是处理DOM操作并访问您感兴趣的元素的最简单方法：

// example of an attribute selector:

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

还有XPath，但根据我的经验，jQuery CSS选择器更现代，更强大，并有助于加快开发过程。

如何使用AJAX从外部网页获取未命名的元素？

1 个答案: