如何获取存储在变量中的元素内部的特定元素？

Question

我正在寻找将 select 元素放入变量中已定位元素内部的方法。例如，我 selected 了一个容器：

let productAttachedFilesModal = document.getElementById('modal_more_information');

我知道，里面是 a 个元素的数组，我也想 select。我应该使用哪种方法？在 jQuery 中有方法 find()。所以我需要 JS 的模拟。或者我需要再次使用 DOM 方法？像这样：

let listOfLinks= document.getElementById('modal_more_information > a');

Answer 1

你应该用productAttachedFilesModal.children得到它的children，也就是里面的元素。它会给你一个 HTML 元素的数组。

Answer 2

有几种方法：

let anchors = productAttachedFilesModal.getElementsByTagName("a");

let anchors = document.querySelectorAll("#modal_more_information > a")

let anchors = productAttachedFilesModal.querySelectorAll("a");

Answer 3

您可以只查询存储的 DOM 参考：

let productAttachedFilesModal = document.getElementById('modal_more_information');

// Query the stored DOM element for all descendent anchors
let childAnchors = productAttachedFilesModal.querySelectorAll("a");

如何获取存储在变量中的元素内部的特定元素？

How to get specific element inside of element stored in variable?

javascript

methods

dom