Javascript -获取元素

Question

<div>
   <p>
      <a></a>
   </p>
</div>

在上面的代码中，对于jQuery，我们可以使用$('div p a')来获取<a>元素，但是在javascript中，我们如何获取像$('div p a')这样的<a>元素呢

更新2

如果我有许多<a>元素，但我不知道特定<a>元素的索引，我只知道这个特定的<a>元素在<div id="some">下，如何通过javascript获取<a>元素？

Answer 1

您可以获取div，然后在其中获取JSFiddle example中的a标记

HTML

<div>
   <p>
       <a></a>
   </p>
</div>
<div id="some">
    <a href="#">my a tag</a>
</div>

JavaScript

var elems = document.getElementById('some').getElementsByTagName('a');
alert(elems[0].innerHTML);

Answer 2

如果你有更多的信息，比如元素的ID，你可以使用document.getElementById('id')。否则，您可以遍历DOM树，如下所示：

• http://www.permadi.com/tutorial/domTree/index.html

您还可以使用xpath：

• https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript

对于xpath，请看本教程(实际上是教程中的示例部分)：

• http://www.w3schools.com/xpath/xpath_examples.asp

在您的示例中，xpath应该是：//div/p/a，如果有多个这样的元素树，将选择这样的元素树。

Answer 3

请参见方法‘document.getElementsByTagName’

http://www.w3schools.com/Dom/met_document_getelementsbytagname.asp

使用这种方法。您将首先迭代所有div，并在这些div上获得所有段落，然后对锚点执行相同的操作。