1

我不知道为什么，但是这段代码不起作用！除此之外，代码中没有错误！因为当我将 num1、num2、num3 的值更改为一些预定义的值时，它工作得非常好。请帮忙。

HTML是..

    <h3>Choose Image</h3>
    <table border="1">
        <tr>
            <td><h4>Ball_1</h4></td>
            <td><img src="images/b.png"></td>
            <td>No. of Images: <input type="text" id="one_number_id" value="0"> </td>
        </tr>
        <tr>
            <td><h4>Ball_2</h4></td>
            <td><img src="images/b2.png"></td>
            <td>No. of Images: <input type="text" id="two_number_id" value="0"></td>
        </tr>
        <tr>
            <td><h4>Ball_3</h4></td>
            <td><img src="images/b3.png"></td>
            <td>No. of Images: <input type="text" id="three_number_id" value="0"></td>
        </tr>
    </table>

这是在 Script.js 里面

var one_n_img = document.getElementById("one_number_id");   
var two_n_img = document.getElementById("two_number_id");
var three_n_img = document.getElementById("three_number_id");
var num1 = one_n_img.value;
var num2 = two_n_img.value;
var num3 = three_n_img.value;
4

2 回答 2

0

您需要检查您的Script.js. 您必须运行所有脚本 onload 事件。对于 jquery，使用 $(document).ready 否则使用以下解决方案。$(document).ready 没有 jQuery 的等价物

于 2013-07-09T08:02:16.333 回答
0

除了唯一 ID 之外，唯一的要求是元素在 DOM 中呈现并可用。如果在此之前包含您的脚本，getElementById()则将返回 null。

将代码包装在window.onload事件中，以确保元素可以使用：

window.onload = function(){
    var one_n_img = document.getElementById("one_number_id");   
    var two_n_img = document.getElementById("two_number_id");
    var three_n_img = document.getElementById("three_number_id");
    var num1 = one_n_img.value;
    var num2 = two_n_img.value;
    var num3 = three_n_img.value;  
};
于 2013-07-09T07:56:49.540 回答