已解決430363個問題，去搜搜看，總會有你想問的

查找以“lang”開頭的類（不是節點）

首頁猿問查找以“lang&rd...

查找以“lang”開頭的類（不是節點）

JavaScript

Cats萌萌 2022-06-16 15:51:48

在下面的 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。

查看完整描述

2 回答

LEATH

TA貢獻1936條經驗獲得超7個贊

這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]);

反對回復 2022-06-16

慕姐8265434

TA貢獻1813條經驗獲得超2個贊

如果我正確地完成了任務，那么您只有通過其 ID 找到的一個元素，對吧？然后你應該把所有的類（getAttribute（'class'））找到一個以'lang'開頭的類。為此，我將使用如下代碼：

document.getElementById('editor').getAttribute('class').split(' ').find(element => element.indexOf('lang')===0)

請注意，它將僅返回以“lang”開頭的第一個類。如果您需要所有這些，請使用 reduce() 方法來構建一個新的類數組。

反對回復 2022-06-16

2 回答
0 關注
106 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

查找以“lang”開頭的類（不是節點）

查找以“lang”開頭的類（不是節點）

2 回答

添加回答