将文本框中编写的word用户替换为JavaScript

Replace word user wrote in Text Box with JavaScript

本文关键字：用户 word 替换 JavaScript 文本      更新时间：2023-09-26

所以我现在正在为学校输入我的第一个有用的代码，(我有大约1-2年的基本编码知识)我知道HTML和CSS，但现在我正在进入JavaScript。我想知道，用户在HTML文本框中输入的单词是如何通过按下一个按钮，被另一个单词替换的。假设题目写道:"我喜欢吃派。"在HTML textarea元素中。我如何使用JavaScript，这样我就可以通过点击按钮将"喜欢"替换为"爱"?如果我不擅长解释，我很抱歉，欢迎提问!

所以我写了一些代码，完全符合您的要求。代码非常简单，它使用"onclick"来调用一个函数，该函数获取textarea的值替换单词(使用javascript的"replace"函数)，然后用新值(替换的单词)更改textarea的值

<!DOCTYPE html>
<html>
  <head>
    <script>
      function replace(){
        var text = document.getElementById("textarea").value;
        var newText = text.replace("like", "love");
        document.getElementById("textarea").value = newText;
      }
    </script>
  </head>
  <body>
    <textarea rows="4" cols="50" id="textarea"></textarea>
    <button id="button" onclick="replace();">replace</button>
  </body>
</html>

希望有帮助。

您必须在表单的文本框中添加id属性。如:

<form>
 <input type="Text" id = "textField">
 <input type = "Button" Value = "Change Text" onclick="ChangeText()">
</form>

javaScript函数(ChangeText)应该有一个语句:

document.getElementById('textField').Value= "I love eating pie.";

你也可以使用document.getElementByName()

如果你想改变一个单词，那么你可以在ChangeText()函数中添加以下内容:

var oldtext = document.getElementById('textField').Value;
var newtext = oldText.Replace("like","love");
document.getElementById('textField').Value= newText;
相关文章：