在JavaScript中，如果你想要清空多个文本框（``）和文本域（``），你可以通过遍历这些元素并设置它们的`value`属性（对于文本框）或`innerHTML`属性（对于文本域，但通常使用`value`属性更合适）为空字符串来实现。以下是一个示例代码，展示了如何做到这一点：</p><p></p><pre class="line-numbers language-javascript"><code> // 假设你的文本框和文本域都有一个共同的类名，比如 'clearable-text' // 你可以通过类名来选取这些元素 // 清空所有文本框 document.querySelectorAll('.clearable-text[type="text"]').forEach(function(input) { input.value = ''; // 对于文本框，设置value为空字符串 }); // 清空所有文本域（虽然文本域通常也用value属性，但这里为了说明也列出） document.querySelectorAll('.clearable-text[type="textarea"]').forEach(function(textarea) { // 注意：实际上，对于<textarea>元素，你应该直接使用value属性 // 但由于querySelectorAll不支持直接选择type为textarea的元素（因为textarea没有type属性）， // 这里只是为了说明如果它们有type属性（它们没有）应该如何处理。 // 正确的做法是直接选择textarea元素 textarea.value = ''; // 对于文本域，也是设置value为空字符串 }); // 但由于textarea没有type属性，所以上面的选择器不会选中任何元素。 // 正确的做法是直接选择textarea元素，如下所示： document.querySelectorAll('textarea.clearable-text').forEach(function(textarea) { textarea.value = ''; // 清空文本域 }); </code></pre> <p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8670312724662002" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8670312724662002" data-ad-slot="2901279597"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></p> <p></p><p>**注意**：在上面的代码中，我首先展示了如何尝试通过`type`属性来选取文本框和文本域，但请注意，`<textarea>`元素并没有`type`属性。因此，对于文本域，你应该直接通过`textarea`标签和类名来选取它们。我在代码中已经修正了这一点，并提供了正确的选择器来选取文本域。</p><p>此外，如果你的文本框和文本域没有共同的类名，你可能需要使用不同的选择器或方法来选取它们。例如，你可以通过ID、属性选择器或其他CSS选择器来选取它们。</p> </div> </div> </div> </div> <div class="row"> <div class="card card-body"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8670312724662002" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-8670312724662002" data-ad-slot="5669508194"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <hr> <footer class="card" style="position:relative;bottom:0;width:100%;"> <div style="background-color: #e9ecef;padding-top: 20px;"> <div class="container"> <div class="copyright">Copyright © 2024 www.d2tu.com <a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">皖ICP备2023005503号-1</a> <a href="https://www.d2tu.com/sitemap.xml" target="_blank">XML地图</a> </div> <p>QQ邮箱: <b>664032890</b></p> </div> </div> </footer> <script src="/static/js/jquery.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/ziyuan/js/prism.js"></script> </body> </html>