js打开特定的html页面,如何在一个JS文件中将特定功能分配给不同的HTML页面？

在HTML中有2个相似的页面，显示带有不同数据的表，我调用每个特定的功能来输出数据。每个表都有自己的ID，以及在JS上的特定功能，如下所示。其中一页很好地显示了数据表，而另一页则没有。

浏览器控制台显示：Uncaught TypeError：无法将属性'innerHTML'设置为null

至少忠诚(senate_attendance.js：106)

在senate_attendance.js：108

我该如何解决？

JS：

//FIRST HTML TABLE 1

function leastLoyal(){

function loyalPartySort(a,b) {

if (a.votes_with_party_pct < b.votes_with_party_pct)

return -1;

if (a.votes_with_party_pct > b.votes_with_party_pct)

return 1;

return 0;

}

newArr.sort(loyalPartySort);

var datos3="

" + headersSenateLoyalty.Name + ""+ headersSenateLoyalty. NumRepsAtt + "" + headersSenateLoyalty.PctParty+ "";

for(var i=0; i<10; i++){

datos3+="

"+ newArr[i].fullName + "" + newArr[i].votParty

+ "

" + newArr[i].votes_with_party_pct + "";

}

document.getElementById("senateLeast").innerHTML=datos3;

}

leastLoyal()

//FIRST HTML TABLE 2

function mostLoyal(){

function loyalPartySort(a,b) {

if (a.votes_with_party_pct > b.votes_with_party_pct)

return -1;

if (a.votes_with_party_pct < b.votes_with_party_pct)

return 1;

return 0;

}

newArr.sort(loyalPartySort);

var datos4="

" + headersSenateLoyalty.Name + ""+ headersSenateLoyalty. NumRepsAtt + "" + headersSenateLoyalty.PctParty+ "";

for(var i=0; i<10; i++){

datos4+="

"+ newArr[i].fullName + "" + newArr[i].votParty

+ "

" + newArr[i].votes_with_party_pct + "";

}

document.getElementById("senateMost").innerHTML=datos4;

}

mostLoyal()

//SECOND HTML TABLE 1

function leastEnga(){

function attPartySort(a,b) {

if (a.missed_votes_pct < b.missed_votes_pct)

return -1;

if (a.missed_votes_pct > b.missed_votes_pct)

return 1;

return 0;

}

newArr.sort(attPartySort);

var datos5="

" + headersSenateAtt.Name + ""+ headersSenateAtt.NumMissVot + "" + headersSenateAtt.PctMiss+ "";

for(var i=0; i<10; i++){

datos5+="

"+ newArr[i].fullName + "" + newArr[i].missVot

+ "

" + newArr[i].missed_votes_pct + "";

}

document.getElementById("senateLeastAtt").innerHTML=datos5;

}

leastEnga()

//SECOND HTML TABLE 2

function mostEnga(){

function attPartySort(a,b) {

if (a.missed_votes_pct > b.missed_votes_pct)

return -1;

if (a.missed_votes_pct < b.missed_votes_pct)

return 1;

return 0;

}

newArr.sort(attPartySort);

var datos2="

" + headersSenateAtt.Name + ""+ headersSenateAtt.NumMissVot + "" + headersSenateAtt.PctMiss+ "";

for(var i=0; i<10; i++){

datos2+="

"+ newArr[i].fullName + "" + newArr[i].missVot

+ "

" + newArr[i].missed_votes_pct + "";

}

document.getElementById("senateMostAtt").innerHTML=datos2;

}

mostEnga()

第一HTML

Least Loyal (Bottom 10% of Party)

Most Loyal (Top 10% of Party)

第二HTML

Least Engaged (Bottom 10% Attendance)

Most Engaged (Top 10% Attendance)