Tommy  ·  05月04日

詢問JS children使用方式

詢問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留言 1,858瀏覽
按讚的人：
共有 2 則留言
登入之後發表留言

您好

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個讚   回覆
按讚的人：

感謝解惑

2個讚   回覆
按讚的人：
回覆 jason chen......
留言......
Tommy
此人尚未填寫簡介。
熱門文章
🔥 叫你別亂封裝，你看出事了吧
🔥 Google Gemini CLI 教學：如何安裝與使用（附圖片）
🔥 個人 vibe coding 技巧
🔥 我們習慣的前端開發正在消亡
🔥 每次開發正確的東西並成為 10 倍工程師🏆：編寫 RFC 的藝術🥋
🏆 本月排行榜
🥇
站長阿川
📝10   💬8   ❤️13
422
🥈
我愛JS
📝1   💬6   ❤️4
90
🥉
酷豪
📝1   ❤️1
51
#4
AppleLily
📝1   💬4   ❤️1
40
#5
💬3  
10
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
熱門搜尋： 使用 __ COM re am AM ar AR ai LA Re go javas la 開發 Ts Ai 程式 https 設計 工作 平台 JavaSCript 分享 AI JavaScript py JS id 圖片 ul 資料庫 搜尋 ui 工程師 CLI javascript type app js 研究 專案 %' import Ml GIT html 框架 AWS 效率 java work 基礎 學習 結構 aws error 分析 軟體 the 技術 第一 作為 Js jav 語言 api start 測試 web 網站 ci API Github git 伺服器 post blog class bi ＣＳＳ VS this for 筆記 lang 架構 .net user wEB 後端 Type GitHub REACT 嗎？ Node Typescript json log 編輯
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。