首頁猿問 class...

class 元素的名稱在循環(huán)中未定義 <ul> 的子節(jié)點(diǎn)

JavaScript

守著一只汪 2022-08-27 14:41:39

我在代碼上方聲明了這個常量：const children = todoList.childNodes;其中基本上是一個.todoList<ul>我將通過JS生成該項目，并根據(jù)它們是什么來分配這些特定的類。<li>然后我寫了這段代碼，在函數(shù)內(nèi)的if/else語句中：for (let child of children) { console.log(child.className); }這工作正常，我可以看到分配給此元素的所有類。但是，當(dāng)我嘗試訪問以下類時： if(cild.className.contains("cross")){ ...... }或if(cild.className.includes("cross")){ ...... }我有這個錯誤：TypeError: can't access property "contains", child.className is undefined我該怎么辦？

查看完整描述

2 回答

隔江千里

TA貢獻(xiàn)1906條經(jīng)驗獲得超10個贊

您可能希望使用。請注意，由于您正在使用，因此您將獲得非節(jié)點(diǎn)。要使用或需要檢查節(jié)點(diǎn)是否為 .如果使用代替，則所有節(jié)點(diǎn)都將是 s，因此無需檢查。classListchildNodesHTMLElementclassNameclassListHTMLElementchildrenchildNodesHTMLElement

for (node of document.body.childNodes) {

if (!(node instanceof HTMLElement)) // You don't need this check if you replace document.body.childNodes with document.body.children in the above line.

continue;

if (node.id === "element") {

console.log(node.classList.contains("class1")); // true

console.log(node.classList.contains("class4")); // false

// Do not use className because it will match any substring of a class

console.log(node.className.includes("class")); // true

}

反對回復(fù) 2022-08-27

慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗獲得超7個贊

子節(jié)點(diǎn)包括所有節(jié)點(diǎn)類型，而不僅僅是元素子節(jié)點(diǎn)。文本和注釋節(jié)點(diǎn)是沒有的常見節(jié)點(diǎn)的示例。您可以改用兒童。className
className是一個字符串。您正在尋找類列表。

const {children} = todoList;

for (let child of children) {

if (child.className.contains("cross")) {

// ?

}

反對回復(fù) 2022-08-27

2 回答
0 關(guān)注
106 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

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

幫助反饋 APP下載

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

公眾號

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

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

熱搜

最近搜索清空

class 元素的名稱在循環(huán)中未定義 <ul> 的子節(jié)點(diǎn)

class 元素的名稱在循環(huán)中未定義 <ul> 的子節(jié)點(diǎn)

2 回答

添加回答