在javascript中打印变量时出错_Javascript_Html_Visual Web Developer

在javascript中打印变量时出错

javascript html

在javascript中打印变量时出错,javascript,html,visual-web-developer,Javascript,Html,Visual Web Developer,当我运行此代码时，它不会向我显示我要显示的消息（即：res）。假设我正在输入“$code$”。有人能帮我吗 <!DOCTYPE HTML> <html> <head> </head> <body> <h1>Enter a sample message</h1> <form> <input type="text" name="a&qu

当我运行此代码时，它不会向我显示我要显示的消息（即：res）。假设我正在输入“

$code$”。有人能帮我吗
<!DOCTYPE HTML>
<html>
<head>

</head>
<body>
    <h1>Enter a sample message</h1>
    <form>
        <input type="text" name="a" id="a">
        <button onclick="parse()">submit</button>
        <p id="a"></p>
    </form>
    <script>
        function parse(){
            var msg=document.getElementById("a").innerHTML;
            var res=msg.replace("$code$","1101"); 
            document.getElementById("a").innerHTML=res;//this is to print res.

        }
    </script>
</body>
</html>

输入一条示例消息提交

函数解析（）{ var msg=document.getElementById（“a”）.innerHTML； var res=msg.replace（“$code$”，“1101”）； document.getElementById（“a”）.innerHTML=res；//这是用来打印res的。 }

两个元素不能具有相同的ID。此外，无法使用

innerHTML

属性获取

输入

元素的值。此外，单击submit按钮后，页面将在表单get提交后重新加载。为了防止这种情况，在

标记上的

onsubmit

中调用函数

parse

，并从函数返回false


输入一条示例消息
提交

函数解析（）{
var msg=document.getElementById（“a”）.value；
document.getElementById（“b”）.innerHTML=msg；
返回false；
}

检查以下内容：

<form>
    <input type="text" name="a" class="input_field" id="a">
    <button type="button" onclick="parse()">submit</button>
    <p id="a"></p>
</form>
<script>
    function parse(){
        var msg=document.getElementById("a").innerHTML;
        var form = document.getElementsByTagName("form")[0]
        msg = form.getElementsByClassName("input_field")[0].value;//this is to print res.

    }
</script>


提交

函数解析（）{
var msg=document.getElementById（“a”）.innerHTML；
var form=document.getElementsByTagName（“表单”）[0]
msg=form.getElementsByClassName（“输入\字段”）[0].value；//这是用来打印资源的。
}

我在按钮中添加了type=“button”，以防止表单重新加载页面