javascript - 如何在文档的指定区域中找到元素？

Question

我是 JavaScript 的初学者；我需要在单击img标签父元素中的元素查找元素时，如何在没有 jQuery 的情况下完成此操作？

Answer 1

您的问题还不清楚，但答案基本上是：使用 DOM 中定义的方法：DOM3 Core | 选择器 API 级别 1，具体取决于您需要支持的浏览器。

例如：在大多数现代浏览器上，您可以这样做：

document.getElementById("some_element_id").addEventListener("click", function() {
    // Look in parent for all `img` elements
    var imgs = this.parentNode.querySelectorAll("img");

    // ...do something with them...
}, false);

或者正如 mplungjan 在下面的评论中指出的那样，您可以使用getElementsByTagName旧浏览器支持的 ：

document.getElementById("some_element_id").addEventListener("click", function() {
    // Look in parent for all `img` elements
    var imgs = this.parentNode.querySelectorAll("img");

    // ...do something with them...
}, false);

或者，如果您不想为单击的元素提供id，则可以替换document.getElementById("some_element_id")为document.querySelector('any CSS selector here')以选择第一个匹配的元素。（同样只在大多数现代浏览器上。）

---

旁注：你可以使用 JavaScript 和 DOM 做任何事情，但坦率地说，如果你使用像jQuery、YUI、Closure或其他几个中的任何一个。:-)