在JavaScript中，遍历页面上的text（文本）控件通常是指遍历HTML中的``、``等可以输入文本的HTML元素。由于JavaScript没有直接遍历特定类型元素（如text控件）的内置函数，我们通常使用`document.querySelectorAll`或`document.getElementsByTagName`等DOM方法结合选择器来找到这些元素，并遍历它们。</p><p>下面是一个使用`document.querySelectorAll`来遍历页面上所有`<input type="text">`控件的示例：</p><p></p><pre class="line-numbers language-javascript"><code> // 使用querySelectorAll选择页面上所有的<input type="text">元素 const textInputs = document.querySelectorAll('input[type="text"]'); // 遍历这些元素 textInputs.forEach(function(input) { // 对每个元素执行操作，例如打印其value console.log(input.value); // 也可以改变其值 // input.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>如果你还想包括`<textarea>`元素，你可以稍微修改选择器，但注意`<textarea>`没有`type`属性，所以你需要单独选择它：</p><p></p><pre class="line-numbers language-javascript"><code> // 选择所有的<input type="text">和<textarea>元素 const textInputs = document.querySelectorAll('input[type="text"], textarea'); // 遍历这些元素 textInputs.forEach(function(element) { // 判断元素类型，因为input和textarea的访问value的方式虽然一样，但类型不同 if (element.tagName === 'INPUT') { console.log('Input:', element.value); } else if (element.tagName === 'TEXTAREA') { console.log('Textarea:', element.value); } // 修改值（如果需要） // element.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>这样，你就可以遍历并处理页面上的text控件了。记得这些代码应该在文档加载完成后执行，通常是将它们放在`window.onload`事件处理函数中，或者使用DOMContentLoaded事件。</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>