Question

我正在创建工作文档，并且我想通过检测浏览器URL来使用单个JavaScript文档来控制页面链接和导航。我已经设置了（没有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;

这是导航所在页面上的元素：

<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
}

只要您在页面上，我希望悬停图片保留在链接上。

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

将元素的类更改为页面更改

0 个答案: