第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

查找以“lang”開頭的類（不是節(jié)點(diǎn)）

查找以“lang”開頭的類（不是節(jié)點(diǎn)）

HUH函數(shù) 2023-11-13 14:39: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);但是，現(xiàn)在我很困惑，我不知道如何上課？我期望一個(gè)包含“l(fā)anguage-js”的字符串我不想使用 jQuery。
查看完整描述

2 回答

?
收到一只叮咚

TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超5個(gè)贊

是classList一個(gè)只讀屬性，它返回DOMTokenList元素的類屬性的實(shí)時(shí)集合。然后可以使用它來操作類列表。但是，由于您只想獲取此元素上的類名稱，因此您可以簡單地使用：


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>


查看完整回答
反對 回復(fù) 2023-11-13
?
拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

如果我正確地完成了任務(wù)，那么您就只有通過其 ID 找到的一個(gè)元素，對吧？然后，您應(yīng)該獲取所有類 (getAttribute('class')) 并找到以“l(fā)ang”開頭的類。為此，我將使用如下代碼：

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

請注意，它只會(huì)返回以“l(fā)ang”開頭的第一個(gè)類。如果您需要所有這些，請使用 reduce() 方法來構(gòu)建新的類數(shù)組。


查看完整回答
反對 回復(fù) 2023-11-13
  • 2 回答
  • 0 關(guān)注
  • 186 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號