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

class 元素的名稱在循環中未定義 <ul> 的子節點

首頁猿問 class...

class 元素的名稱在循環中未定義 <ul> 的子節點

JavaScript

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

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

查看完整描述

2 回答

隔江千里

TA貢獻1906條經驗獲得超10個贊

您可能希望使用。請注意，由于您正在使用，因此您將獲得非節點。要使用或需要檢查節點是否為 .如果使用代替，則所有節點都將是 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

}

反對回復 2022-08-27

慕姐4208626

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

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

const {children} = todoList;

for (let child of children) {

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

// ?

}

反對回復 2022-08-27

2 回答
0 關注
107 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

class 元素的名稱在循環中未定義 <ul> 的子節點

class 元素的名稱在循環中未定義 <ul> 的子節點

2 回答

添加回答