innerHTMLの使い方 ファイルの分割に際してプログラムが正常に動作しなくなる

Question

###前提・実現したいこと
下記プログラムでファイル名を送っていたました。
htmlファイル内にjavascriptの記述も書いていましたが、
ファイルを二つに分けて管理しようとしたところ、
プログラムの動作がうまくいかなくなりました。（下記エラーメッセージ）
console.log(obj);
で確認したところ、nullとかえってきました。

今まで動作していたものがファイルを分けることで動作しなくなる。
どのような問題点があげられるのでしょうか？
ご教授ろよしくお願い致します。
###発生している問題・エラーメッセージ

Uncaught TypeError: Cannot read property 'InnerHTML' of null

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

<div id = "a">
$filename = filter_input(INPUT_GET,'filename');
echo $filename;
</div>

ブラウザ上での出力結果
data.txt

~~~
function main(){
 var obj = document.getElementById("a");
 console.log(obj);
 nextMain(obj.innerHTML);
}

function nextMain(fileName){
~~~
}

元は、htmlファイル一つに、html/php/javascriptの記述が<?php~~?>等の書き方で記述していました。
そこから、javascript部分を別ファイルに分けたいと考えています。

結果プログラムファイルはhtmlファイルとjavascriptファイルのふたつがあり、
htmlファイルにhtmlとphpの記述。
javascriptには、javascriptの機銃tのみを書いています。

htmlファイルのphp部分では、また別のphpファイルから選択したファイルの名前の取得・表示を行っています。

Comments

[x_x]

mainはどのようにして呼び出しているのでしょうか？

[kei344]

PHPの記述が混ざっている上にJavaScriptと当該要素の位置関係もわかりません。処理の全体像が再現できるコードを提示ください。

[daichan_32]

mainはjavascriptファイルのmain();で呼び出しを行っています。

[x_x]

提示できないのでしょうか？

[daichan_32]

提示というのはどういう意味でしょうか？理解およばず申し訳ございません。今までうまくファイル名の受け渡しをできていたものがファイルを分割（javascript部分だけを~~.jsファイルに）することで動作しなくなりました。

Answer 1

今まで動作していたものがファイルを分けることで動作しなくなる。

どのような問題点があげられるのでしょうか？

ファイルの分け方が間違っていると言う事しか言えないです。