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留言 283瀏覽
按讚的人：
共有 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
此人尚未填寫簡介。
熱門文章
🔥 如果你正要接案：一個關於時薪的簡單評估方法
🔥 .NET 8 微服務簡介
🔥 關於無經驗前端投履歷，面試機會少的原因
🔥 詢問JS children使用方式
🔥 為什麼我從 Visual Studio Code 切換到 Sublime Text
最新出爐專案包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式
熱門搜尋： 使用 開發 工作 專案 分享 ar 技術 id 網站 作為 API for github 作業 學習 第一 Ml js javascript html AI 測試 搜尋 java Javascript Git git JAVA HTML 前端 ui api app JavaScript javasc %' 語言 Java 系列 開源 CD user COM ul 網頁 url ＣＳＳ 架構 結構 jav 套件 框架 Line 清單 ci GIT 編輯 後端 AWS 研究 go Node py css Github bi 主題 react 部署 工程師 Ai 伺服器 資料庫 REACT this Can console aws create with json 遊戲 CSS 部落格 查詢 Javas component JS Python class 新手 node 登入 分析 入門 練習 design 新創 非同步 vue
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。