使用 JavaScript 或 jQuery 获取文本区域文本

Question

新手上路，请多包涵

我有一个包含文本区域的 iframe，如下所示：

 <html>
<body>

<form id="form1">
<div>
    <textarea id="area1" rows="15"></textarea>
</div>
</form>

</body>
</html>

我想在父页面中获取 textarea 文本。我试过这个：

 var text = $('#frame1').contents().find('#area1').val();

但是返回一个空字符串。但是，如果我在标签中放置一个值，该值将成功返回：</p> <pre><code> <textarea id="area1" rows="15">something</textarea> </code></pre> <p>如何从包含 iframe 的页面获取 textarea 的值？</p> <blockquote> <p>原文由 <a href="https://link.segmentfault.com/?enc=8rRpAZsIOKZhuxpJqDRKGg%3D%3D.1vMtuFzD73bbsF6L1vB66uJreThhpoJkkPhahiK5y9WKMVA0EgUjVye09zhqA7CM%2FPRhschk2XUsZ603LXYzN5xCagXqYVvpu3em2vwsLH3pVKyAN4U9AgAo8ZGSqaeZ" rel="nofollow" target="_blank">antoni</a> 发布，翻译遵循 CC BY-SA 4.0 许可协议</p> </blockquote> </article><div class="d-flex flex-wrap align-items-center mb-4"><div class="m-n1 d-flex flex-wrap align-items-center"><a class="m-1" href="/site/stackoverflow" target="_blank"><img src="https://avatar-static.segmentfault.com/315/258/3152588376-62ff5cc2ea2d8_huge128" alt="Stack Overflow 翻译" width="24" height="24" style="border-radius:0.1875rem;vertical-align:top"/></a><a href="/t/javascript" class="m-1 badge-tag ">javascript</a><a href="/t/jquery" class="m-1 badge-tag ">jquery</a><a href="/t/html" class="m-1 badge-tag ">html</a><a href="/t/textarea" class="m-1 badge-tag ">textarea</a></div></div><div class="text-secondary font-size-14 d-flex flex-column"><div class="functional-area-bottom d-flex flex-wrap "><button type="button" class="me-2 mb-3 btn btn-primary-100"><i class="far fa-thumbs-up me-1"></i>有用</button><button type="button" class="me-2 mb-3 false btn btn-primary-100"><i class="far fa-flip-horizontal fa-thumbs-down"></i></button><button type="button" class="me-2 mb-3 btn btn-light"><span class="me-1">关注</span><span class="mainLikeNum hidden">0</span></button><button type="button" class="me-2 mb-3 false btn btn-light"><span class="mx-1">收藏</span><span class="mainLikeNum hidden">0</span></button><div class="me-2 mb-3 dropdown"><button type="button" id="react-aria-4" aria-expanded="false" aria-label="分享" class="dropdown-no-angle dropdown-toggle btn btn-light"><i class="far fa-share-nodes"></i></button></div><canvas hidden="" class="qrcode"></canvas></div><div class="d-flex align-items-center justify-content-between right-wrap w-100"><div><button type="button" class="link-secondary question-reply-btn btn-reset btn btn-link btn-sm">回复</button><span class="split-dot"></span><div class="text-secondary font-size-14 d-inline-flex justify-content-between" id="viewsWord" data-viewsword="9">阅读 260 </div></div><div class="operation text-end"></div></div></div><div class="lazyload-wrapper "><div class="lazyload-placeholder"></div></div></div></div></div><div id="OA_holder_3" class="OA_holder" style="display:none"></div><div class="mt-4 answer-area card"><div class="d-flex align-items-center justify-content-between bg-transparent card-header"><strong>1 个回答</strong><div aria-label="Basic" role="group" class="btn-group"><a role="button" tabindex="0" href="/q/1010000042979834?sort=votes" class="btn btn-secondary btn-sm">得票</a><a role="button" tabindex="0" href="/q/1010000042979834?sort=newest" class="btn btn-outline-secondary btn-sm">最新</a></div></div><div class="list-group list-group-flush"><div class="p-0 stack-overflow-site list-group-item"><div class="p-3 "><div class="commentUnit"><div class="information mb-3 font-size-14"><div class="d-flex align-items-center"><div class="d-flex"><div class="d-flex align-items-center "><a href="https://segmentfault.com/a/1190000042203704" class="d-flex align-items-center me-1"><div style="width:32px;height:32px;background:#6F42C1" class="rounded-circle d-flex align-items-center justify-content-center me-2"><i class="far fa-book-open text-white"></i></div><div class="d-flex flex-column"><div><strong class="align-self-center" itemProp="name">社区维基</strong><i class="far fa-globe text-warning ms-1"></i></div><span style="color:#BF7158;font-weight:bold">1</span></div></a></div><div class="vertical-divider"></div><div><a href="/q/1010000042979834/a-1020000042979836/revision" class="link-secondary"><time itemProp="dateCreated" dateTime="2022-12-05T08:35:14.000Z">发布于 <br/> 2022-12-05 </time></a></div></div></div></div><article id="1020000042979836" class="article fmt article-content"> <h3><em>阅读</em> <code><textarea></code> 的内容：</h3> <pre><code> var text1 = document.getElementById('myTextArea').value; // plain JavaScript var text2 = $("#myTextArea").val(); // jQuery </code></pre> <h3><em>写入</em> <code><textarea></code> ：</h3> <pre><code> document.getElementById('myTextArea').value = 'new value'; // plain JavaScript $("#myTextArea").val('new value'); // jQuery </code></pre> <p><a href="http://jsfiddle.net/acdcjunior/FZABp/17/" target="_blank">在此处查看 <em>演示</em> JSFiddle。</a></p> <h3><em>不要</em> 使用 <code>.html()</code> 或 <code>.innerHTML</code> ！</h3> <p>不应使用 jQuery 的 <code>.html()</code> 和 JavaScript 的 <code>.innerHTML</code> ，因为它们 <em>不会</em> 获取文本区域文本的更改。</p> <p>当用户在文本区域中键入时， <code>.html()</code> 不会返回键入的值，而是返回原始值——查看上面的演示小提琴示例。</p> <blockquote> <p>原文由 <a href="https://link.segmentfault.com/?enc=6AmdQnC9L%2Fup5eFmu%2BeLAA%3D%3D.Ac70%2FfcYivI8%2Fbdv336gSSK%2BzOJyvNb%2F1bM19oYbDaE%2FWUsqCms0jnEcCB0Xthk6yZLvvxWrlsokojrgxGjAWXufQgoB1uoPDtx8xbg5MQ8bNR%2BF1Fk7%2F45Xceyas6zytMq4F%2Fo1RYAdxAZusoIZXQ%3D%3D" rel="nofollow" target="_blank">acdcjunior</a> 发布，翻译遵循 CC BY-SA 4.0 许可协议</p> </blockquote> </article><div class="text-secondary font-size-14"><div class="d-flex"><div class="functional-area-bottom d-flex flex-wrap "><button type="button" class="me-2 mb-3 btn btn-primary-100"><i class="far fa-thumbs-up me-1"></i>有用</button><button type="button" class="me-2 mb-3 false btn btn-primary-100"><i class="far fa-flip-horizontal fa-thumbs-down"></i></button></div></div><div class="d-flex justify-content-between align-items-center flex-fill"><div class="sflex-center"><button type="button" class="btn-reset link-secondary question-reply-btn btn btn-link">回复</button></div><div class="operation text-end"></div></div></div></div><div class="lazyload-wrapper "><div class="lazyload-placeholder"></div></div></div></div></div></div><div id="answer-question" style="width:100%" class="mt-4 card"><div class="bg-transparent d-flex justify-content-between align-items-center card-header"><strong>撰写回答</strong><div></div></div><div class="card-body"><h6>你尚未登录，登录后可以</h6><ul class="list-inline"><li class="card-text"><i class="far fa-circle-check me-2 text-success"></i>和开发者交流问题的细节</li><li><i class="far fa-circle-check me-2 text-success"></i>关注并接收问题和回答的更新提醒</li><li><i class="far fa-circle-check me-2 text-success"></i>参与内容的编辑和改进，让解决方法与时俱进</li></ul><div><button type="button" class="me-2 require-login btn btn-primary">注册登录</button></div></div></div><div class="mt-4 card"><div class="bg-transparent card-header"><strong>推荐问题</strong></div><ul class="list-group list-group-flush"><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000045501634?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">js 如何将Key属性相同的放在同一个数组？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">13 回答</span><span class="split-dot"></span><span>13k 阅读</span></p></a></li><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000046507888?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">Next.js做纯前端是否可行？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">7 回答</span><span class="split-dot"></span><span>2.1k 阅读</span></p></a></li><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000046224551?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">如何实现一个深拷贝函数？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">在项目开发中，如何实现一个深拷贝函数？</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">3 回答</span><span class="split-dot"></span><span>1.3k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000046539004?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">怎么获取动态弹出对话框的模拟单击？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">6 回答</span><span class="split-dot"></span><span>1.2k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000046459337?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">git提交记录问题？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">"git add .“添加了所有文件.这样导致了项目里每一行代码的修改记录都变成了这次的提交备注"update gitignore"。后续其他同事也提交了几次记录。想着回滚回这次修改以前的，再让同事们重新提交自己的修改。但同事们已经pull过代码，可能也区分不出来了。有什么方法删除掉gitignore的这次提交，并保留同事们后续的提交？</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">2 回答</span><span class="split-dot"></span><span>1.4k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000046601093?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">结果为空值,想问一下这两个有什么不一样吗,感觉都是先获取到obj.test,而且obj.test是用括号包起来的,然后调用一下,但是两个结果的obj.test调用的结果却是不一眼的,第一个this是obj,第二个是window感觉.</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">3 回答</span><span class="split-dot"></span><span>1.3k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-3 list-group-item list-group-item-action"><a href="/q/1010000046405137?utm_source=sf-similar-question" target="_blank"><h5 class="text-break text-body">问一个鼠标滚动事件，这种是怎么实现的？</h5><div class="text-secondary text-truncate-1 font-size-14 mb-2">我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">2 回答</span><span class="split-dot"></span><span>1.5k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li></ul></div></div><div class="w-xl-300 d-none d-xl-block col-auto"><div><div class="sticky-outer-wrapper"><div class="sticky-inner-wrapper" style="position:relative;top:0px"><div class="mb-4"><div class="bg-dark card"><div class="d-flex align-items-center card-body"><picture class="me-3 "><img class="rounded" src="https://avatar-static.segmentfault.com/315/258/3152588376-62ff5cc2ea2d8_huge128" width="48" height="48" alt="logo"/></picture><div style="flex:1"><h6 class="text-white">Stack Overflow 翻译</h6><span class="text-secondary">子站问答</span></div><a role="button" tabindex="0" href="/site/stackoverflow" class="ms-3 btn btn-warning">访问</a></div></div></div><div class="mb-4"><div role="alert" class="fade d-none d-xl-block alert alert-light show">本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。</div></div><div class=""><div id="first-ad" class="border-0 overflow-hidden sflex-center float-ads mb-4 d-none card"><div id="OA_holder_1" class="OA_holder" style="display:none"></div></div></div><div class=""><div class="card"><div class="bg-transparent card-header"><strong>相似问题</strong></div><ul class="list-group list-group-flush"><li class="py-2 list-group-item list-group-item-action"><a href="/q/1010000010774228?utm_source=sf-similar-question" target="_blank"><div class="text-break text-body text-truncate-2">javascript获取文本框内容</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">8 回答</span><span class="split-dot"></span><span>7.6k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-2 list-group-item list-group-item-action"><a href="/q/1010000042402514?utm_source=sf-similar-question" target="_blank"><div class="text-break text-body text-truncate-2">如何使用 jQuery 获取 <span> 的内容？</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">2 回答</span><span class="split-dot"></span><span>976 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-2 list-group-item list-group-item-action"><a href="/q/1010000041693100?utm_source=sf-similar-question" target="_blank"><div class="text-break text-body text-truncate-2">关于使用js获取标签内的文本?</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">2 回答</span><span class="split-dot"></span><span>2.3k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-2 list-group-item list-group-item-action"><a href="/q/1010000007022841?utm_source=sf-similar-question" target="_blank"><div class="text-break text-body text-truncate-2">jquery获取宽度非整数</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">2 回答</span><span class="split-dot"></span><span>3.5k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li><li class="py-2 list-group-item list-group-item-action"><a href="/q/1010000004969348?utm_source=sf-similar-question" target="_blank"><div class="text-break text-body text-truncate-2">关于jquery获取style特性值</div><p class="text-secondary mb-0 font-size-14"><span class="text-primary">3 回答</span><span class="split-dot"></span><span>11.9k 阅读</span><span class="ms-3 badge rounded-pill bg-success">✓ 已解决</span></p></a></li></ul><div class="bg-transparent text-center border-top py-2 card-footer">找不到问题？<a href="/ask" target="_blank">创建新问题</a></div></div></div><div class="my-4 "><div class="d-none card"><div class="bg-white border-0 card-header"><strong>宣传栏</strong></div><div class="card-body"><div class="mb-3"><div id="OA_holder_7" class="OA_holder" style="display:none"></div></div><div class="mb-3"><div id="OA_holder_9" class="OA_holder" style="display:none"></div></div><div><div id="OA_holder_10" class="OA_holder" style="display:none"></div></div></div></div></div><div class="d-none d-xl-block"><div id="OA_holder_31" class="OA_holder" style="display:none"></div></div></div></div></div></div></div><div class="d-block d-sm-none fix-bottom-action-wrap"><div class="w-100 fixed-bottom-action d-flex align-items-center "><button type="button" aria-label="浏览" class="btn-reset text-center link-dark w-25 btn btn-link"><i class="far fa-eye"></i><span class="mainLikeNum ms-1">260</span></button><button type="button" aria-label="收藏" class="btn-reset text-center link-dark w-25 btn btn-link"><i class="far fa-bookmark"></i></button><a class="text-center link-dark w-25" href="#comment-area"><i class="far fa-message-lines"></i></a><div class="bottom-share-wrap w-25 text-center dropdown"><button type="button" id="react-aria-5" aria-expanded="false" aria-label="分享" class="btn-reset link-dark dropdown-toggle btn btn-link"><i class="far fa-share-nodes"></i></button></div><canvas hidden="" class="qrcode"></canvas></div><canvas hidden="" class="qrcode"></canvas></div></div><footer id="footer" class="d-none d-sm-block bg-white py-5 font-size-14 border-top"><div class="container"><div class="row"><dl class="col-md-2 col-4"><dt class="h6">思否旗下产品</dt><dd class="my-1"><a class="link-secondary" href="/" target="_blank">SegmentFault</a></dd><dd class="my-1"><a class="link-secondary" href="https://business.segmentfault.com?utm_source=sf-footer" target="_blank">思否企业服务</a></dd><dd class="my-1"><a class="link-secondary" href="https://ke.segmentfault.com?utm_source=sf-footer" target="_blank">思否公开课</a></dd><dd class="my-1"><a class="link-secondary" href="https://business.segmentfault.com/answer-ee?utm_source=sf-footer" target="_blank">思否企业问答</a></dd></dl><dl class="col-md-2 col-4"><dt class="h6">ONES 旗下产品</dt><dd class="my-1"><a class="link-secondary" href="https://ones.cn?utm_source=sf-footer" target="_blank">ONES</a></dd><dd class="my-1"><a class="link-secondary" href="https://tower.im/?utm_source=sf-footer" target="_blank">Tower</a></dd><dd class="my-1"><a class="link-secondary" href="https://wiz.cn?utm_source=sf-footer" target="_blank">为知笔记</a></dd><dd class="my-1"><a class="link-secondary" href="https://ones.cn/app-center/segmentfault?utm_source=segmentfault" target="_blank">企业问答</a></dd><dd class="my-1"><a class="link-secondary" href="https://ones.com/" target="_blank">ONES.com</a></dd><dd class="my-1"><a class="link-secondary" href="https://ones.com.cn/" target="_blank">项目管理百科</a></dd></dl><dl class="col-md-2 col-4"><dt class="h6">资源</dt><dd class="my-1"><a class="link-secondary" href="/weekly?utm_source=sf-footer" target="_blank">每周精选</a></dd><dd class="my-1"><a class="link-secondary" href="/users?utm_source=sf-footer" target="_blank">用户排行榜</a></dd><dd class="my-1"><a class="link-secondary" href="/help?utm_source=sf-footer" target="_blank">帮助中心</a></dd><dd class="my-1"><a class="link-secondary" href="/0x?utm_source=sf-footer" target="_blank">建议反馈</a></dd><dd class="my-1"><a class="link-secondary" href="/help/rights?utm_source=sf-footer" target="_blank">声望</a></dd><dd class="my-1"><a class="link-secondary" href="/help/badges?utm_source=sf-footer" target="_blank">勋章</a></dd></dl><dl class="col-md-2 col-4"><dt class="h6">合作</dt><dd class="my-1"><a class="link-secondary" href="https://business.segmentfault.com/about?utm_source=sf-footer" target="_blank">关于我们</a></dd><dd class="my-1"><a class="link-secondary" href="https://business.segmentfault.com/ads?utm_source=sf-footer" target="_blank">广告投放</a></dd><dd class="my-1"><a class="link-secondary" href="https://business.segmentfault.com/contact?utm_source=sf-footer" target="_blank">联系我们</a></dd><dd class="my-1"><a class="link-secondary" href="https://business.segmentfault.com/partners" target="_blank">合作伙伴</a></dd></dl><dl class="col-md-2 col-4"><dt class="h6">关注</dt><dd class="my-1"><a class="link-secondary" href="/blog/segmentfault?utm_source=sf-footer" target="_blank">产品技术日志</a></dd><dd class="my-1"><a class="link-secondary" href="/blog/community_governance?utm_source=sf-footer" target="_blank">社区运营日志</a></dd><dd class="my-1"><a class="link-secondary" href="/blog/segmentfault_news?utm_source=sf-footer" target="_blank">市场运营日志</a></dd><dd class="my-1"><a class="link-secondary" href="/blog/interview?utm_source=sf-footer" target="_blank">社区访谈</a></dd></dl><dl id="license" class="col-md-2 col-4"><dt class="h6">条款</dt><dd class="my-1"><a class="link-secondary" href="/tos?utm_source=sf-footer" target="_blank">服务协议</a></dd><dd class="my-1"><a class="link-secondary" href="/privacy?utm_source=sf-footer" target="_blank">隐私政策</a></dd><dd class="my-1"><a class="link-secondary" href="/app?utm_source=sf-footer">下载 App</a></dd><dd class="my-1"><div class="shareContent"><a class="share_weixin" data-share="weixin" href="#javascript" aria-label="微信"><i class="fab fa-weixin"></i></a><a class="share_weibo" data-share="weibo" href="http://weibo.com/segmentfault" target="_blank" aria-label="微博"><i class="fab fa-weibo"></i></a><a class="share_github" data-share="github" href="https://github.com/SegmentFault" target="_blank" aria-label="github"><i class="fab fa-github"></i></a><a class="share_twitter me-0" data-share="twitter" href="https://twitter.com/segment_fault" target="_blank" aria-label="twitter"><i class="fab fa-x-twitter"></i></a></div></dd></dl></div><hr class="mb-4 mt-2 bg-black bg-opacity-50"/><div class="row"><div class="col-md-8"><div class="text-secondary"><p class="mb-1">Copyright © 2011-2025 SegmentFault. 当前呈现版本 25.06.06</p><p class="mb-1"><a class="link-secondary me-2" target="_blank" href="http://beian.miit.gov.cn" rel="nofollow noreferrer">浙ICP备15005796号-2</a><a class="link-secondary me-2" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602002000" rel="nofollow noreferrer">浙公网安备33010602002000号</a><span class="text-secondary">ICP 经营许可浙B2-20201554</span></p><p class="mb-0">杭州堆栈科技有限公司版权所有</p></div></div><div class="col-md-4 text-end font-size-14"><a href="https://business.segmentfault.com/" class="link-secondary" target="_blank">思否 - 凝聚集体智慧，推动技术进步</a></div></div></div></footer></div></div><script src="https://static.geetest.com/static/tools/gt.js"></script><script defer="" data-domain="segmentfault.com" src="https://stats.segmentfault.net/js/plausible.js"></script><script defer="" src="https://hm.baidu.com/hm.js?e23800c454aa573c0ccb16b52665ac26"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-MJYFRXB3ZX"></script><script id="google-analytics"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MJYFRXB3ZX') </script></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"initialState":{"@@dva":0,"loading":{"global":false,"models":{},"effects":{}},"question":{"questionDetail":{"1010000042979834":{"question":{"id":1010000042979834,"url":"/q/1010000042979834","title":"使用 JavaScript 或 jQuery 获取文本区域文本","tags_list":"1040000000089436,1040000000089733,1040000000089571,1040000000091220","parsed_text":"","short_url":"http://sfau.lt/bNc4vbi","share_url":"/q/1010000042979834","edit_url":"/q/1010000042979834/edit","excerpt":"我有一个包含文本区域的 iframe，如下所示： {代码...} 我想在父页面中获取 textarea 文本。我试过这个： {代码...} 但是返回一个空字符串。但是，如果我在标签中放置一个值，该值将成功返回： {代码...} 如何从...","thumbnail_url":null,"status":0,"comments":0,"followers":0,"is_followed":false,"ip_address":null,"likes":-1,"hates":-1,"is_liked":false,"is_hated":false,"bookmarks":0,"is_bookmarked":false,"is_invited":false,"created":1670229314,"modified":1670229314,"votes":0,"answers":1,"real_views":260,"user_id":1030000042357468,"is_edited":0,"is_site":1,"is_wiki":1,"tags":[{"name":"javascript","url":"/t/javascript","id":1040000000089436,"rank":3712882,"icon_url":"","content_count":213781},{"name":"jquery","url":"/t/jquery","id":1040000000089733,"rank":214273,"icon_url":"","content_count":12454},{"name":"html","url":"/t/html","id":1040000000089571,"rank":776451,"icon_url":"","content_count":50767},{"name":"textarea","url":"/t/textarea","id":1040000000091220,"rank":1532,"icon_url":"","content_count":131}],"user":null,"editor":null,"site":{"id":1140000000383666,"url":"/site/stackoverflow","thumbnail_url":"https://avatar-static.segmentfault.com/315/258/3152588376-62ff5cc2ea2d8_huge128","description":"众包翻译 Stack Overflow 上的热门问题，欢迎大家帮助改进翻译结果","name":"Stack Overflow 翻译","slug":"stackoverflow"},"revision":{"created":1670229314},"activity_submission":null,"status_key":"available"},"invited_info":null,"site":{"id":1140000000383666,"url":"/site/stackoverflow","thumbnail_url":"https://avatar-static.segmentfault.com/315/258/3152588376-62ff5cc2ea2d8_huge128","description":"众包翻译 Stack Overflow 上的热门问题，欢迎大家帮助改进翻译结果","name":"Stack Overflow 翻译","slug":"stackoverflow"},"page_title":"javascript - 使用 JavaScript 或 jQuery 获取文本区域文本","keywords":"javascript,jquery,html,textarea","description":"我有一个包含文本区域的 iframe，如下所示： {代码...} 我想在父页面中获取 textarea 文本。我试过这个： {代码...} 但是返回一个空字符串。但是，如果我在标签中放置一个值，该值将成功返回： {代码...} 如何从...","answers":{"accepted":[],"available":[{"id":1020000042979836,"url":"/q/1010000042979834/a-1020000042979836","parsed_text":"","short_url":"http://sfau.lt/bOc4vbk","edit_url":"/q/1010000042979834/a-1020000042979836/edit","likes":-1,"hates":-1,"is_liked":false,"user_id":1030000042357474,"is_hated":false,"created":1670229314,"comments":0,"modified":1670229314,"votes":0,"reason":null,"question_id":1010000042979834,"is_edited":0,"is_wiki":1,"ip_address":null,"status":0,"user":null,"editor":null,"operator":null,"activity_submission":null,"member_actions":[],"status_key":"available","type":"available"}],"ignored":[]},"draft":null,"answered_id":null,"answered":null,"can_answer":false,"sort":"rank","actions":[],"tag":{"name":"Stack Overflow 翻译","url":"/site/stackoverflow","icon_url":"https://avatar-static.segmentfault.com/315/258/3152588376-62ff5cc2ea2d8_huge128"},"member_actions":[],"answer_limit_time":0,"extra":{"reason":null,"operator":null,"operator_time":null},"ai_answer":null,"is_ai":false,"ai_votes":null,"submission_activities":[],"isServerLoaded":true}},"relateDetail":{"1010000042979834":{"tags":["1040000000089436","1040000000089733","1040000000089571","1040000000091220"],"related":[{"id":1010000010774228,"url":"/q/1010000010774228","title":"javascript获取文本框内容","excerpt":"小弟初用Js,这哪里写错了？求前辈指导！","real_views":7589,"answers":8,"accepted_answer_id":1020000010774453,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000000089571,"name":"html"},{"id":1040000002625721,"name":"input标签"},{"id":1040000005342345,"name":"values"},{"id":1040000000089733,"name":"jquery"}]},{"id":1010000042402514,"url":"/q/1010000042402514","title":"如何使用 jQuery 获取 \u003cspan\u003e 的内容？","excerpt":"如何获取跨度的内容“这是我的名字”？ {代码...} 原文由 Felipe Barreiros 发布，翻译遵循 CC BY-SA 4.0 许可协议","real_views":976,"answers":2,"accepted_answer_id":1020000042402518,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000000089733,"name":"jquery"},{"id":1040000000089571,"name":"html"}]},{"id":1010000041693100,"url":"/q/1010000041693100","title":"关于使用js获取标签内的文本?","excerpt":"{代码...} 需求 : 所有带有.clone类的元素, 文本内容进行复制, 改成[text $ text]的样子, 如下图所示js代码应该怎么写?","real_views":2349,"answers":2,"accepted_answer_id":1020000041693148,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000000089733,"name":"jquery"},{"id":1040000000089571,"name":"html"}]},{"id":1010000007022841,"url":"/q/1010000007022841","title":"jquery获取宽度非整数","excerpt":"html:\u0026lt;div class=\"div1\" style=\"width:22.5px;\"\u0026gt;div\u0026lt;/div\u0026gt; jq:$(\".div1\").width();//获取结果是四舍五入？怎么获取到 22.5`","real_views":3473,"answers":2,"accepted_answer_id":1020000007026705,"tags":[{"id":1040000000089571,"name":"html"},{"id":1040000000089436,"name":"javascript"},{"id":1040000000089733,"name":"jquery"}]},{"id":1010000004969348,"url":"/q/1010000004969348","title":"关于jquery获取style特性值","excerpt":"用JQuery获取元素的style特性里的width属性值并复制给另外一个元素的value值，发现并没有效果，.show元素还是空，console控制台输出style特性的width属性值并不是50%,而是px指，请问这是怎么回事啊？","real_views":11893,"answers":3,"accepted_answer_id":1020000004969633,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000000089571,"name":"html"},{"id":1040000000089733,"name":"jquery"},{"id":1040000000089899,"name":"前端"}]}]}},"quotedData":{"rows":[],"page":1,"size":5,"total_page":0,"total":0},"questionRecommendationList":[{"id":1010000045501634,"url":"/q/1010000045501634","title":"js 如何将Key属性相同的放在同一个数组？","excerpt":"{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}","real_views":12956,"answers":13,"accepted_answer_id":0,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000002395876,"name":"编程技巧"},{"id":1040000000089924,"name":"数组"},{"id":1040000000089899,"name":"前端"}]},{"id":1010000046507888,"url":"/q/1010000046507888","title":"Next.js做纯前端是否可行？","excerpt":"最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好","real_views":2131,"answers":7,"accepted_answer_id":0,"tags":[{"id":1040000000089436,"name":"javascript"}]},{"id":1010000046224551,"url":"/q/1010000046224551","title":"如何实现一个深拷贝函数？","excerpt":"在项目开发中，如何实现一个深拷贝函数？","real_views":1296,"answers":3,"accepted_answer_id":1020000046224580,"tags":[{"id":1040000021984451,"name":"深拷贝"},{"id":1040000000089436,"name":"javascript"},{"id":1040000000089741,"name":"c++"},{"id":1040000000089534,"name":"python"},{"id":1040000002395876,"name":"编程技巧"}]},{"id":1010000046539004,"url":"/q/1010000046539004","title":"怎么获取动态弹出对话框的模拟单击？","excerpt":"我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;","real_views":1222,"answers":6,"accepted_answer_id":1020000046540044,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000004062853,"name":"动态加载"},{"id":1040000000089733,"name":"jquery"}]},{"id":1010000046459337,"url":"/q/1010000046459337","title":"git提交记录问题？","excerpt":"\"git add .“添加了所有文件.这样导致了项目里每一行代码的修改记录都变成了这次的提交备注\"update gitignore\"。后续其他同事也提交了几次记录。想着回滚回这次修改以前的，再让同事们重新提交自己的修改。但同事们已经pull过代码，可能也区分不出来了。有什么方法删除掉gitignore的这次提交，并保留同事们后续的提交？","real_views":1363,"answers":2,"accepted_answer_id":1020000046461938,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000000089459,"name":"git"},{"id":1040000000089899,"name":"前端"}]},{"id":1010000046601093,"url":"/q/1010000046601093","title":"为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？","excerpt":"结果为空值,想问一下这两个有什么不一样吗,感觉都是先获取到obj.test,而且obj.test是用括号包起来的,然后调用一下,但是两个结果的obj.test调用的结果却是不一眼的,第一个this是obj,第二个是window感觉.","real_views":1280,"answers":3,"accepted_answer_id":1020000046601569,"tags":[{"id":1040000000089436,"name":"javascript"},{"id":1040000003897285,"name":"方法调用"}]},{"id":1010000046405137,"url":"/q/1010000046405137","title":"问一个鼠标滚动事件，这种是怎么实现的？","excerpt":"我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。","real_views":1496,"answers":2,"accepted_answer_id":1020000046406204,"tags":[{"id":1040000000089899,"name":"前端"},{"id":1040000000089571,"name":"html"},{"id":1040000000090141,"name":"css3"}]}]},"action":{"1010000042979834":{"votes":0,"isLiked":false,"isHated":false,"bookmarks":0,"isBookmarked":false},"1020000042979836":{"votes":0,"isLiked":false,"isHated":false,"bookmarks":0,"isBookmarked":false}},"editor":{"markdownContent":"","title":{"value":"","isInvalid":false,"errorMsg":""},"log":{"value":"","isInvalid":false,"errorMsg":""},"tags":{"value":[],"isInvalid":false,"errorMsg":""},"draftInfo":{"id":"","status":"","statusText":""},"isFull":false,"initTags":[],"detail":{}},"global":{"sessionUser":null,"isHiddenHeader":false,"isHiddenFooter":false,"title":"javascript - 使用 JavaScript 或 jQuery 获取文本区域文本 - SegmentFault 思否","titleAlias":"使用 JavaScript 或 jQuery 获取文本区域文本 - SegmentFault 思否","isShowLogin":false,"beginnerGuideState":{"visible":false,"type":1},"isShowBindMobile":false,"unactivated":false,"isShowRegister":false,"headOptions":{"keywords":"javascript,jquery,html,textarea","description":"我有一个包含文本区域的 iframe，如下所示： {代码...} 我想在父页面中获取 textarea 文本。我试过这个： {代码...} 但是返回一个空字符串。但是，如果我在标签中放置一个值，该值将成功返回： {代码...} 如何从..."},"sessionInfo":{"key":"2e9b835ba164597fe427f3a66e7b6b3a","login":false,"id":null},"singleNotice":"","currentRoute":{"noLayout":false,"customLayout":false,"headerType":"default","platform":"","action":"","param":""},"letterNum":0,"noticeNum":0,"serverData":{"Token":"","userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","platform":""},"userStat":{},"newTask":{},"authChannel":"","followedTags":[],"globalCss":"","baiduOxAppState":{"isShow":false,"copyUrl":""},"wxShareCover":"","isBaiduOxApp":false,"showProductAuthModal":{"isShow":false,"title":""},"routeInterceptor":{"path":""},"safeCheckModal":{"isShow":false,"pageSource":""},"followSFState":{"isShow":false},"messageNotice":{"event":{"general":0,"ranked":0,"followed":0,"inbox":0,"comment":0,"marketing":0},"message":0,"badge":0},"badgeModalState":{},"asidesData":{},"metaQuestions":{},"notices":{"rows":[],"size":3},"recommendSites":[{"id":1140000000592323,"url":"/site/thinking","thumbnail_url":"https://avatar-static.segmentfault.com/159/147/1591470715-67498d9667680_tiny24","name":"极客观点","slug":"thinking"},{"id":1140000044937282,"url":"/site/rdmanagement","thumbnail_url":"https://avatar-static.segmentfault.com/297/875/2978758509-67498f579c239_tiny24","name":"项目管理","slug":"rdmanagement"}],"adOptions":{"tag":"javascript,jquery,html,textarea"},"serverTime":1749418631}}},"__N_SSP":true},"page":"/Questions/Detail","query":{"qid":"1010000042979834"},"buildId":"F5q4tGsgi_Q66OxgzFmbq","assetPrefix":"https://static.segmentfault.com/main_site_next/prod","runtimeConfig":{"publicPath":"https://static.segmentfault.com/main_site_next/prod/","appVersion":"25.06.06"},"isFallback":false,"isExperimentalCompile":false,"gssp":true,"scriptLoader":[]}</script></body></html>