javascript - 用另一个字符串替换部分字符串javascript

Question

我有3个文本框。用户第一个输入字符串。他们在第二个框中输入要替换的第一个字符串的一部分。第三个文本框是要进行替换的字符串。

我正在尝试使用replace()方法，但我认为我使用它不正确，或者我应该使用其他方法。

html:

        <form>
            Enter a string:<input type="text" id="user_string"><br>

            Enter portion of previous string to be replaced: <input type="text" id="replace_string"><br>

            Enter new string: <input type="text" id="add_string"><br>

            <input type="button" value="Execute" onclick="BaitAndSwitch()"><br>

            Result: <input type="text" id="req_4_results"><br>
        </form>

Javascript:

function BaitAndSwitch(){
    // create variables for the user entered data
    var UserString = document.getElementById("user_string").value;

    var ReplaceString = document.getElementById("replace_string").value;

    var AddString = document.getElementById("add_string").value;

    var Results = UserString.replace(ReplaceString, Addstring);

    if (UserString.indexOf(ReplaceString) > -1) {
        Document.getElementById("req_4_results").value = Results;
    }
    else{
        alert("Something went wrong! Please check the data you entered.")
    }
}

我知道我做错了什么。也许在 .replace() 方法中使用变量？或者也许 if... 使用 indexOf 行？

我本质上是试图将其设置为检查 UserString 与 ReplaceString 的值，如果匹配，则执行 Replace() 方法并向给定的 HTML 元素显示结果。否则，如果 ReplaceString 与 UserString 中的任何内容都不匹配，它会提醒用户出现错误并进行检查。

Answer 1

JavaScript 区分大小写。请注意，Document 与 document 对象不同。请使用以下行:

document.getElementById("req_4_results").value = Results;

哦，是的，正如 blex 所指出的那样，你还有另一个错字:

var Results = UserString.replace(ReplaceString, Addstring);
//-------------------------------------------------^ should be S

更多信息:在控制台中，如果您同时尝试这两种方法，请查看得到的结果:

typeof Document
// "function"
typeof document
// "object"

顺便说一句，请不要使用此类命名约定。看起来您正在从 Visual Basic 迁移。