HTML / JS - 获取选定的元素类和/或 ID答案

【问题标题】：HTML / JS - Get selected element class and/or IDHTML / JS - 获取选定的元素类和/或 ID
【发布时间】：2022-08-19 01:41:16
【问题描述】：

我知道如何使用document.getSelection() 来获取用户突出显示的任何文本的字符串。

但是，如何从getSelection() 访问元素的class 和/或id？

有什么想法吗？

.getSelection 返回一个具有很多属性的对象。您可能想查看focusNode 属性和focusNode 内部的parentNode 属性。这些指向常规的HTMLElements，您可以从中轻松选择类/ID。

【解决方案1】：

在getSelection() 返回的对象中，您可以找到focusNode。 focusNode 包括 parentNode。在里面你可以找到你正在寻找的类和 id。

【讨论】：

【解决方案2】：

我遇到了你的问题，基本上，getSelection() 方法返回一个 Selection 对象，表示用户选择的文本范围或插入符号的当前位置，您可以从 getSelection() 获取类和 id；但是，从 HTML 页面获取类和 id 值到 Javascript 的方法很少。

第一个，{ For Class } const anything = document.getElementByClassName("Anything");
第二个，{ For ID } const anything = document.getElementById("Anything");
第三个，对于 id 和 class... 它适用于两者 - const selector = document.querySelector(".class #id");
一个快速的javascript sn-p
const cookies = document.getElementById("id-container") cookies.classList.toggle("active")

按照这个策略选择 classNames 和 id 而不是 getSelection();

【讨论】：