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,897瀏覽
按讚的人：
共有 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 教學：如何安裝與使用（附圖片）
🔥 44 個 React 前端面試問題
🔥 第三代 React，怎麼玩？
🔥 SuperClaude 是什麼？這款神奇工具的完整指南，它將 Claude Code 的程式碼品質提升 30%！
🔥 嘗試在本機開發客戶的 shopify theme
🏆 本月排行榜
🥇
站長阿川
📝11   💬6   ❤️5
486
🥈
我愛JS
📝1   💬7   ❤️4
102
🥉
AppleLily
📝1   💬4   ❤️1
56
#4
💬1  
5
#5
xxuan
💬1  
3
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
熱門搜尋： __ 使用 ar re https am ul COM 伺服 學習 AM Ts Re 開發 javas AR 程式 ui 工程 github 設計 語言 AI id bi js API git 專案 java la 平台 log jav LA AWS JS Js app type 框架 with javasc CLI javascript go 個人 web Ai 討論 Javascript 工作 Type GitHub 基礎 api the Java ai COMPO Git 作為 user CD Line GIT aws post wEB 網站 測試 SQL 分享 css Javas 嗎？ Python node for vs html 前端 Ml react 架構 查詢 HTML token cn ＣＳＳ 技術 系列 search ci 主題 React 資料夾 Typescript work Css
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。