如何从隐藏在 HTML 中的对象中识别 CSS_Selector、Class 或元素？

Question

我一直在尝试从以下网站获取一些详细信息，但我无法弄清楚如何访问以下网站的 class、id 和 class 类型下面的对象。

https://mor.nlm.nih.gov/RxClass/search?query=H%7CATC1-4&searchBy=class&sourceIds=&drugSources=atc1-4%7Catc%2Cepc%7Cfdaspl%2Cmeshpa%7Cmesh%2Cdisease%7Cndfrt%2Cchem%7Cfdaspl%2Cmoa%7Cfdaspl%2Cpe%7Cfdaspl%2Cpk%7Cndfrt%2Cva%7Cndfrt%2Cdispos%7Csnomedct%2Cstruct%7Csnomedct

在具有搜索条件的以下网站上，您将在屏幕中央看到它

class：全身激素制剂，不包括。性激素和胰岛素 / id: H / class type: ATC1-4 / show context

我想假设上面的粗体是 CSS_Selector，但我似乎找不到它。

如能提供有关如何定位 class、元素或 css_selector 的指导，我们将不胜感激。

Answer 1

您可以在 Firefox 或任何基于 Chromium 的浏览器中使用开发人员控制台：打开所需元素的上下文菜单，然后 select Inspect。然后开发人员控制台应该打开。当前元素应该集中在 DOM 树中。在那里你应该有选项 Copy > CSS selector。你完成了。在您当前的情况下，路径是这样的：

html body div.container-fluid div.col-sm-9.col-sm-offset-3.col-md-9.col-md-offset-3.main div#tabContent.tab-content div#drugMemberPane.tab-pane.active div#drugMemberPage.table-responsive div.propText strong

如何从隐藏在 HTML 中的对象中识别 CSS_Selector、Class 或元素？

How can I identify the CSS_Selector, Class, or Element from an object hidden in the HTML?

html

css-selectors

getelementbyid