JavaScript - 輸入提交按鈕（html）以激活JavaScript功能不起作用

Question

<!DOCTYPE html>
<html lang="en">
    <head>
        <script>
            function calculate(){
                var salary = document.forms["calculateForm"]["salary"].value;
                document.getElementById("werd").getInnerHTML = salary;
                return false;
            }
        </script>
        <title> Question </title>
    </head>
    <body onload = "calculate()">
        <form action = "" id = "calculateForm" onsubmit = "return calculate();">
            Salary: 
            <input type = "text" name = "salary" value = "95000" style="background-color:lightgray" required>
            <input type = "submit" value = "Submit">
        </form>
        <p id = "werd"> Text that should be replaced with the entered salary upon clicking Submit which runs a JavaScript function </p>
    </body>
</html>

你好，

輸入薪水並按“提交”后，由於調用了calculate（）函數，應將id =“werd”的段落更新為工資。 為什么這不會發生？

我花了3-4個小時試圖解決這個問題，並在谷歌上查找了很多解決方案。 任何解決方案（除了學習jQuery等）？

謝謝！

Answer 1

將它從getInnerHTML更改為innerHTML ，一切正常。

 function calculate() { var salary = document.forms["calculateForm"]["salary"].value; document.getElementById("werd").innerHTML = salary; return false; }

 <!DOCTYPE html> <html lang="en"> <head> <title> Question </title> </head> <body onload="calculate()"> <form action="" id="calculateForm" onsubmit="return calculate();"> Salary: <input type="text" name="salary" value="95000" style="background-color:lightgray" required> <input type="submit" value="Submit"> </form> <p id="werd"> Text that should be replaced with the entered salary upon clicking Submit which runs a JavaScript function </p> </body> </html>

Answer 2

document.getElementById("werd").getInnerHTML = salary;

改成

document.getElementById("werd").innerHTML = salary;

JavaScript - 輸入提交按鈕（html）以激活JavaScript功能不起作用

問題描述

2 個解決方案

解決方案1
0 2017-05-10 22:20:29

解決方案2
0 2017-05-10 22:21:46

JavaScript - 輸入提交按鈕（html）以激活JavaScript功能不起作用

問題描述

2 個解決方案

解決方案1 0 2017-05-10 22:20:29

解決方案2 0 2017-05-10 22:21:46

解決方案1
0 2017-05-10 22:20:29

解決方案2
0 2017-05-10 22:21:46