Tommy · 05月04日

詢問JS children使用方式

程式碼網址:https://jsfiddle.net/7w5b6kyj/1/

請教children的一個小問題，在使用for(let x of 父元素)時，抓內部元素的值時，若內層寫成 x.chlidren.textContent 就會報錯，但寫成x.children[0].textContent就會正常，不知道確切原因，當初會加[0]，是想說會不會是children 索引問題，但網路查children也有不用索引就可以使用方式，對於children的使用有點困惑(有時要加索引，有時不用加)，希望大大能解惑感恩

2個讚 2留言 123瀏覽

按讚的人：

共有 2 則留言

登入之後發表留言

文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式

jason chen 1週前

您好

x.chlidren 是一個像是陣列的東西 ( HTMLCollection )，印出來後會看到

// x.chlidren => 陣列
// x.chlidren[0] => 陣列裡的東西

const x = {
  children: [{
      nodeName: "SPAN",
      textContent: 'test01'
    },
    {

      nodeName: "INPUT",
      textContent: ""
    }
  ]
}

// x.children 是一個像是陣列的東西，所以在陣列裡面找 textContent 屬性會 error
console.log(x.children.textContent)


console.log(x.children[0].textContent)

4個讚回覆

按讚的人：

Tommy 1週前

感謝解惑

2個讚回覆

按讚的人：

回覆 jason chen......

留言......

Tommy

此人尚未填寫簡介。