getElementById("myId")がundifinedとなってしまいます。

Question

###前提・実現したいこと
document.getElementById("myId")で取得した要素<tr>に、
HTMLタグ(<td>)を追加させたいです。

###発生している問題・エラーメッセージ

グローバル変数（？）に関数myFunc()からアクセスしようとするとundifinedとなります。

###該当のソースコード

var global;  // グローバル変数
window.onload=function(){
    global = document.getElementById("myId");
    console.log(global); // <tr id="myId"></tr>
}

function myFunc(arg1, arg2){
    console.log(global); // undifined

    // 以下のようにして<td>を追加したいのですが、変数globalがundifinedとなってしまい、思うような動作になりません。
    global.innerHTML="<td>" + arg1 + "</td><td>" + arg2 + "</td>;
   }

<script>myFunc();</script>
<table>
    <tr id="myId"></tr>  <!--ココにjavascriptで生成した<td>タグを追加したいです-->
</table>

###試したこと
最初はmyFunc()内でdocument.getElementById("myId")を試していたのですが、
変数globalの値がnullとなりました。
調べたところ、
DOM生成前にjavascriptが<tr id="myId">にアクセスしようとしていることが原因かと思いましたので、
window.onload=function(){}を使ってみましたが、
今度はundifinedとなってしまいます。
どのように書いたら、<tr>タグ内に<td>タグを追加できますでしょうか。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Comments

[kei344]

tdを追加するコードがありませんが、コードの全体を書かれてはいかがでしょうか。

[toutou]

"たりないけどこのまま？

Answer 1

ご提示の対策では
window.onload=function(){}は、本文中に記載された

<script>myFunc();</script>のあとに実行されますので

myFunc内でglobalを参照しても、まだ定義されていません
kyuntanさんの提示するようwindow.onload内で時系列的に
処理していくのが賢明です

Answer 2

こんな感じでも

    function myFunc(arg1, arg2){
      _g.innerHTML="<td>" + arg1 + "</td><td>" + arg2 + "</td>";
    }

    window.onload= function(){
      _g = document.getElementById("myId");
      var v1 = "text1";//こことか
      var v2 = "text2";
      myFunc(v1,v2);
    };

Comments

[charmegx]

ありがとうございます！
ご教示頂いたように記述すると、myFunc()内でも_gを参照することができました。

しかしこの場合、もともとmyFunc()呼び出し時に引数にしていた変数が使えなくなってしまうようです。。

[kyunta]

>しかしこの場合、もともとmyFunc()呼び出し時に引数にしていた変数が使えなくなってしまうようです。。

その変数がどこに書かれているか分かりませんが、yambejpさんが指摘されているように読み込みの順番を考えて書かないといけませんので、それなりの所に入れてみてください。
回答に１つの例を入れました。

[charmegx]

追記ありがとうございます！
読込みの順番を考慮しないといけないのですね。理解致しました！