Javascript 无法读取属性"；“查询选择全部”；加载外部js文件window.onload时为null

尝试从window.onload上的.js文件加载表时，我收到一个错误，无法读取null的属性“querySelectorAll”。如果我将表直接放在HTML页面上，它会很好地加载，但是当将表放在外部js文件中并进行onload调用时，我会收到错误。我尝试过移动底部的变量，但没有成功。我的目标是使用下拉列表按状态筛选，然后能够按特定状态在搜索中搜索关键字。谢谢你的帮助

HTML

州
搜寻
全部的
加利福尼亚州
华盛顿州

js

window.onload=function（）{
GetManuals（）；
}
var table=document.getElementById（“myTableJob”）；
var tr=table.querySelectorAll（'tr'）；
函数myFunction（事件）{
无功输入，滤波器，td，i；
输入=document.getElementById（“myInputJob”）；
filter=input.value.toUpperCase（）；
对于（i=0；i

外部.js文件

function GetManuals() {
var data = '<table id="myTableJob"> \
<tr class="header"> \
<th>City</th> \
<th>State</th> \
<th>Keyword1</th> \
<th>Keyword2</th></tr> \
<tr><td>San Francisco</td><td>CA</td><td>Gray</td><td>Red</td></tr> \
<tr><td>San Diego</td><td>CA</td><td>Blue</td><td>Red</td></tr> \
<tr><td>Seattle</td><td>WA</td><td>Blue</td><td>Red</td></tr> \
<tr><td>Salt Lake City</td><td>UT</td><td>Blue</td><td>Red</td></tr> \
<tr><td>Las Vegas</td><td>NV</td><td>Blue</td><td>Red</td></tr> \
</table> '
document.getElementById('TableJob').innerHTML =data; }

函数GetManuals（）{
var数据\
\
城市\
陈述\
关键词1\
关键词2\
圣方济各学院\
圣迭戈卡布卢瑞德\
海蓝\
盐湖城蓝\
拉斯维加斯蓝红酒店\
'
document.getElementById（'TableJob'）。innerHTML=data；}

调用

GetManuals

后，将数据存储到变量中

  let table, tr;

  window.onload = function () {
    GetManuals();
    table = document.getElementById('myTableJob');
    tr = table.querySelectorAll('tr');
  };

function GetManuals() {
var data = '<table id="myTableJob"> \
<tr class="header"> \
<th>City</th> \
<th>State</th> \
<th>Keyword1</th> \
<th>Keyword2</th></tr> \
<tr><td>San Francisco</td><td>CA</td><td>Gray</td><td>Red</td></tr> \
<tr><td>San Diego</td><td>CA</td><td>Blue</td><td>Red</td></tr> \
<tr><td>Seattle</td><td>WA</td><td>Blue</td><td>Red</td></tr> \
<tr><td>Salt Lake City</td><td>UT</td><td>Blue</td><td>Red</td></tr> \
<tr><td>Las Vegas</td><td>NV</td><td>Blue</td><td>Red</td></tr> \
</table> '
document.getElementById('TableJob').innerHTML =data; }

  let table, tr;

  window.onload = function () {
    GetManuals();
    table = document.getElementById('myTableJob');
    tr = table.querySelectorAll('tr');
  };