javascript - 查找以 "lang"开头的类(不是节点)

Question

在下面的 HTML 示例中，我想获取 code 元素中使用的语言:

<div id="editor"><pre><code class="language-js something"></code></pre></div>

我可以使用以下代码获取类列表:

editor = document.getElementById('editor');
let codeNode = editor.querySelector('code[class*="lang"]');
console.log (codeNode.classList);

但是，现在我陷入困境，我不知道如何上课？

我期望一个包含“language-js”的字符串

我不想使用 jQuery。

Answer 1

classList 是一个只读属性，它返回元素的类属性的实时 DOMTokenList 集合。然后可以使用它来操作类列表。但是，由于您只想获取此元素上的类名称，因此您可以简单地使用:

codeNode.classList.value

演示:

editor = document.getElementById('editor');
let codeNode = editor.querySelector('code[class*="lang"]');

let classes = codeNode ? codeNode.classList.value.split(/(\s+)/) : [];
console.log(classes.filter(c => c.startsWith("lang"))[0]);

<div id="editor"><pre><code class="language-js something"></code></pre></div>