javascript - document.ElementID('id').innerHTML = 1 回だけ点滅してから消える

Question

私が書いている小さなコードがあります。基本的に、カスタム形式の文字列を取得し、それを json に変換しています。動作しますが、書いた部分がページ上で点滅して消えてしまいます。document.getElementId..... を関数呼び出しの外に置くと、未定義と表示されます。これに対抗する方法について何か考えはありますか？

Input like:
    pizzas@size:"large";toppings:sausage
<form name="form1" onsubmit="getString()">
    <input type="text" name="txtJob" id="txtJob" value="">
    <input type="submit" value="Submit">
</form>
<p id="myJson"></p>
<script>
    var myString, w, tableName, x;
    function getString(){
        myString = document.getElementById("txtJob").value;
        w = myString.split("@");
        tableName = w[0];
        alert(tableName);
        x = w[1].split(";");
        myLength = x.length-1;
        document.getElementById("myJson").innerHTML=
        '<h1>'+ tableName + '</h1>';
    }

</script>

前もって感謝します。