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。スクリプトのオンロード イベントをすべて実行する必要があります。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 に答える