{
  "url": "https://unifast.dev/zh-TW/docs/packages/core/find-code-child/",
  "locale": "zh-TW",
  "title": "findCodeChild()",
  "description": "在父元素中尋找 <code> 子元素。",
  "section": "packages",
  "body": "```ts\nimport { findCodeChild } from \"@unifast/core\";\n```\n\n## 函式簽名\n\n```ts\nfunction findCodeChild(element: HastElement): HastElement | undefined\n```\n\n## 參數\n\n### element\n\n| 屬性 | 型別 | 預設值 | 說明 |\n|----------|------|---------|-------------|\n| `type` | `\"element\"` | — | 節點型別識別字 |\n| `tagName` | `string` | — | HTML 標籤名稱（通常為 `\"pre\"`） |\n| `properties` | `Record<string, unknown>` | — | 元素屬性 |\n| `children` | `HastNode[]` | — | 要搜尋的子節點 |\n\n## 回傳值\n\n`HastElement | undefined` — 第一個 `tagName` 為 `\"code\"` 的子元素；若不存在則為 `undefined`。\n\n## 用法\n\n```ts\nimport { findCodeChild } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    {\n      type: \"element\",\n      tagName: \"code\",\n      properties: { className: [\"language-js\"] },\n      children: [{ type: \"text\", value: \"const x = 1;\" }],\n    },\n  ],\n};\n\nconst code = findCodeChild(pre);\n\nconsole.log(code?.tagName);\n// code\n```\n\n## 範例\n\n### 在 pre 元素中尋找 code\n\n```ts\nimport { findCodeChild, extractLang, extractText } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    {\n      type: \"element\",\n      tagName: \"code\",\n      properties: { className: [\"language-rust\"] },\n      children: [{ type: \"text\", value: 'fn main() { println!(\"hello\"); }' }],\n    },\n  ],\n};\n\nconst code = findCodeChild(pre);\nif (code) {\n  console.log(extractLang(code));\n  // rust\n  console.log(extractText(code));\n  // fn main() { println!(\"hello\"); }\n}\n```\n\n### 沒有 code 子元素時\n\n```ts\nimport { findCodeChild } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    { type: \"text\", value: \"plain preformatted text\" },\n  ],\n};\n\nconst code = findCodeChild(pre);\n\nconsole.log(code);\n// undefined\n```\n\n### 搭配 visitHast 進行語法高亮\n\n```ts\nimport { visitHast, findCodeChild, extractLang } from \"@unifast/core\";\nimport type { HastNode, HastElement } from \"@unifast/core\";\n\nconst tree: HastNode = {\n  type: \"root\",\n  children: [\n    {\n      type: \"element\",\n      tagName: \"pre\",\n      properties: {},\n      children: [\n        {\n          type: \"element\",\n          tagName: \"code\",\n          properties: { className: [\"language-js\"] },\n          children: [{ type: \"text\", value: \"const x = 1;\" }],\n        },\n      ],\n    },\n  ],\n};\n\nvisitHast(tree, (node) => {\n  if (node.type === \"element\" && node.tagName === \"pre\") {\n    const code = findCodeChild(node);\n    if (code) {\n      const lang = extractLang(code);\n      console.log(`Found code block with language: ${lang}`);\n      // Found code block with language: js\n    }\n  }\n});\n```",
  "alternates": [
    {
      "locale": "en",
      "url": "https://unifast.dev/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ja",
      "url": "https://unifast.dev/ja/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ja/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "zh-CN",
      "url": "https://unifast.dev/zh-CN/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/zh-CN/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "zh-TW",
      "url": "https://unifast.dev/zh-TW/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/zh-TW/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ko",
      "url": "https://unifast.dev/ko/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ko/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "fr",
      "url": "https://unifast.dev/fr/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/fr/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "it",
      "url": "https://unifast.dev/it/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/it/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "es",
      "url": "https://unifast.dev/es/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/es/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "pt-BR",
      "url": "https://unifast.dev/pt-BR/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/pt-BR/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "de",
      "url": "https://unifast.dev/de/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/de/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ru",
      "url": "https://unifast.dev/ru/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ru/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "hi",
      "url": "https://unifast.dev/hi/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/hi/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "id",
      "url": "https://unifast.dev/id/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/id/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "tr",
      "url": "https://unifast.dev/tr/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/tr/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "vi",
      "url": "https://unifast.dev/vi/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/vi/docs/packages/core/find-code-child.json"
    }
  ]
}