如何从使用javascript选择的范围中提取类名?

如何从使用javascript选择的范围中提取类名?,javascript,html,css,Javascript,Html,Css,我有这个HTML: <span class="redColor">gold</span> 黄金 当我选择了span标记中的文本时,我需要能够以某种方式使用javascript从span中提取类名。我事先不知道该类的任何信息,只知道它将在一个范围内,并且文本将被选中。使用className属性 例如: var x = document.getElementsByTagName('span'); document.write("Body CSS class: " + x.

我有这个HTML:

<span class="redColor">gold</span>
黄金

当我选择了span标记中的文本时,我需要能够以某种方式使用javascript从span中提取类名。我事先不知道该类的任何信息,只知道它将在一个范围内,并且文本将被选中。

使用
className
属性

例如:

var x = document.getElementsByTagName('span');
document.write("Body CSS class: " + x.className);

我猜你是指用鼠标或键盘选择的文本?你可以使用

window.getSelection()
然后,您可以沿着DOM树向上移动:

window.getSelection().anchorNode.parentNode.className

有关Selection类的文档,请参见。x是一个节点列表,它没有
className
属性。但是我如何知道选择了哪一个?我只需要当前选定范围的类名。@Lizza-您所说的“选定”是什么意思?文本已选定或高亮显示。我知道有一个document.getSelection()函数正是我所需要的,但我不知道从那里开始该怎么做。就是这样!非常感谢你。