Javascript 在页面更改时更改元素的类

我正在为工作创建一个文档，我希望使用一个JavaScript文档通过检测浏览器URL来控制页面链接和导航。我已经设置好了（没有JS）使用CSS将悬停链接更改为背景图像，但是我很难使用JS进行设置

这是我用于URL检测的代码：

var x = document.location.href.split("/");
var page = x[x.length-1];

这是我试图编写的if语句，用于根据页面运行类：

if (page == "orders.html"){
    document.getElementsByClassName("orders")[0].removeAttribute("linkElem")
}

这是我用来设置导航链接的工具：

var parentElem = document.getElementById("table1").parentElement.parentElement;
var linkText = "Orders";
var linkHREF = "orders.html";
var classText = "orders";
var classText1 = "orders1";
var linkElem = "<tr><td class=\"" + classText + "\" id=\"" + linkText + "\"><a href=\"" +     linkHREF +  "\">" + linkText + "</a></td></tr>";
var linkElem1 = "<tr><td class=\"" + classText1 + "\" id=\"" + linkText + "\">" + linkText + "</td></tr>";
parentElem.innerHTML += linkElem;
parentElem.innerHTML += linkElem1;

我希望悬停图片保持在链接上，只要你在页面上

---

让我知道发生了什么，需要做什么，或者是否需要更多信息。

当您要访问单元格上方的表格部分时，为什么单元格上的ID为“table1”？使用innerHTML修改表结构将在IE中失败。我设置页面的方式是在四个相邻的方框中。tablenav元素位于其中一个正方形中，我正在尝试将导航元素添加到table1元素中。您必须使用DOM方法修改表

（var row=parentElem.insertRow（-1）；var cell=row.insertCell（-1）；

，等等。

<table class="tablenav">
    <tr>
        <td colspan="2" class="ordernav" id="table1">STWD Navigation</td>
    </tr>
        </table><br/>
<table class="tablenav">
    <tr>
        <td colspan="2" class="ordernav" id="table2">Tracking Generation</td>
    </tr>
</table><br/>

.orders:hover {
  background-image:url('buttons/orders.jpg');
  width:819px
}