Question

我不知道自己做错了什么。这是一个2部分的问题。请参阅下面的代码。首先，它一直说变量大写是空的。其次，我无法使用innerHTML工作。我不确定为什么它不起作用。我知道我有document.write，我不打算使用它，所以我正在努力理解getElementbyId.innerHTML。

HTML

<form name="shares">
        <table>
            <tr><td>Enter information here:</td></tr>
            <tr>
                <td>Capital to Invest</td>
                <td id="capitalr"><input type="text" name="capital">    </td> 
                </td>
            </tr>
            <tr>
                <td>Price per share</td>
                <td><input type="text" name="price" onchang="calculate();"></td> 
            </tr>
            <tr>
            <td></td>
                <td><input type="button" value="Compute" onclick="calculate()"></td>
            <tr><td>The quantity you can be:</td></tr>
            <tr>
            <td>No. of shares</td>
            </tr>
            <tr>
            <td>Change</td>
            </tr>
        </table>
            <p id="hello"></p>
    </form>

的JavaScript

var capitals = document.getElementById("capitalr");
var x = capitals.id;
var pps = document.shares.price.value;
function calculate () {
    document.write("Capital = " + capitals +"<br>");
    document.write("Price per share is = " + pps);
}
document.getElementById("hello").innerHTML="Hello";

Answer 1

1）＆lt; tr＆gt;对于你的按钮没有＆lt; / tr＆gt; 2）存在计时问题 - 您需要将代码放在一个在上传时执行的函数中。

<body onload="fnonload();">

我建议您使用＆＃34; console.log＆＃34;语句作为调试工具，以查看代码的进展情况。这给了我很多帮助。

GetElementbyID和Innerhtml无法正常工作

1 个答案: