javascript - getElementByID は値を変数に渡しません

Question

Javascript

function fn1(){
    var a = document.getElementById("xa").value;
    var b = document.getElementById("ya").value;
    var c = document.getElementById("xb").value;
    var d = document.getElementById("yb").value;

    fn2(a,b,c,d);
}

HTML

<div align="center"><b>Digital Differential Analyzer</b><br /><br />
    X0: <input type="text" id="xa"/>
    Y0: <input type="text" id="ya"/>
    XE: <input type="text" id="xb"/>
    YE: <input type="text" id="yb"/>
    <input id="button1" type="button" value="Submit" onclick="e.width = e.width;fn1();" /></div>

準備ができている値 (0,0,300,300 など) を持つ function2 への呼び出しのみとして function1 を入力すると、正常に動作しますが、getElementById で変数を取得しようとすると、何も機能しません。何度も変更しようとしましたが、それでも同じです結果、エラーとしても表示されません