Question

所以我现在正在为学校输入我的第一个有用的代码，（我有大约1 - 2年的基本编码知识）我知道HTML和CSS，但现在我正在进入JavaScript。我想知道如何通过按下按钮，用户在HTML文本框中写下的单词将替换为另一个单词。让我们说他们写道：＆＃34;我喜欢吃馅饼。＆＃34;在HTML textarea元素中。我如何使用JavaScript，以便我可以替换单词＆＃34; like＆＃34;用＆＃34;爱＆＃34;点击一个按钮？对不起，如果我不好解释，欢迎提出问题！

Answer 1

您必须在表单中将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;

Answer 2

所以我写了一些代码，完全符合你的要求。代码非常简单，它使用“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>

希望有所帮助。你可以问什么。

用JavaScript替换在文本框中写的用户

2 个答案: