首页如何在HTML中编写JavaScript代码来实现字符串中的所有大写字母转换为小写字母？

如何在HTML中编写JavaScript代码来实现字符串中的所有大写字母转换为小写字母？

时间: 2024-12-20 13:19:07 浏览: 5

在HTML中，你可以使用JavaScript的内置`toLowerCase()`函数来将字符串中的所有大写字母转换为小写字母。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>String Case Convert</title> </head> <body> <script> // 获取输入的字符串 var str = document.getElementById("inputStr").value; // 使用 toLowerCase() 函数转换为小写 var lowerCaseStr = str.toLowerCase(); // 输出结果 document.getElementById("output").innerHTML = "转换后的字符串: " + lowerCaseStr; </script> <label for="inputStr">请输入字符串:</label> <input type="text" id="inputStr"> <br> <button onclick="convertToLowercase()">转换为小写</button> <p id="output"></p> </body> </html> ``` 在这个例子中，当你点击“转换为小写”按钮时，它会获取输入框中的文本并将其转换为小写，然后显示在页面上。

阅读全文