应使用 querySelectorAll('#myTable textarea') 限定范围精准选取表格内所有 textarea 元素，避免全局误选；遍历时必须用 el.value 获取输入值，且需用 Array.from() 转换 NodeList 后再 map 提取。
用 document.querySelectorAll 选中所有 textarea 元素
表格里混着 input、select 和 textarea 很常见，但“文本域”特指 textarea ——不是 input[type="text"]。直接用 querySelectorAll('textarea') 会拿到整页所有 textarea，容易误伤。更稳妥的做法是限定在表格内：querySelectorAll('table textarea') 或更精确地写成 querySelectorAll('#myTable textarea')（假设表格有 id="myTable"）。
注意：如果表格是动态生成的（比如 Vue/React 渲染），得确保执行时机在 DOM 真正挂载之后，否则查不到节点。
遍历取值时别漏掉 value 和 textContent 的区别
textarea 的当前输入内容始终由 value 属性反映，不是 textContent 或 innerHTML。哪怕用户手动改了 textContent，value 才是表单提交时真正发送的值。
实操建议：
立即学习“前端免费学习笔记（深入）”；
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 统一用
el.value获取值，不要用el.textContent - 空值处理：有些
textarea可能没初始化，el.value为空字符串''，不是null或undefined - 换行符保留：用户输入的回车会以
\n形式存在value中，不需要额外转义
批量收集时推荐用 Array.from 转数组再 map
querySelectorAll 返回的是 NodeList，不是真数组，不能直接调用 map。常见错误是写 document.querySelectorAll('textarea').map(...) 报 TypeError。
正确写法（简洁可靠）：
const values = Array.from(
document.querySelectorAll('#myTable textarea')
).map(el => el.value);
也可以用扩展运算符：[...document.querySelectorAll('#myTable textarea')].map(el => el.value)，但旧版 Safari 对扩展运算符支持略弱，Array.from 兼容性更好。
如果表格含嵌套结构或 Shadow DOM，选择器要升级
普通表格没问题，但遇到以下情况就得调整：
- 表格单元格里还套了
div再放textarea：仍可用#myTable textarea，CSS 选择器天然支持后代匹配 - 用了 Web Components + Shadow DOM：默认查不到影子树内的元素，得先用
el.shadowRoot.querySelectorAll('textarea') - 多个同名表格：用类名 +
:scope更安全，比如document.querySelector('.data-table').querySelectorAll(':scope textarea')
真正容易被忽略的，是表格可能被 JS 框架包裹后，真实 DOM 结构和你写的 HTML 不一致——动手前先用浏览器开发者工具的 Elements 面板确认 textarea 确实存在且未被移除或替换。
