{
  "url": "https://unifast.dev/zh-CN/docs/packages/core/find-code-child/",
  "locale": "zh-CN",
  "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"
    }
  ]
}