基于视口更改链接href（Javascript）

我处于一个特殊的场景中，需要更改

（我知道，不是最漂亮的HTML，但它是由所见即所得创建的，我无法控制它。对不起。）

解决方案必须是香草javascript，请不要使用jQuery

谢谢

if（window.innerWidth<480）{//note 1
var links=document.queryselectoral（“导航1>ul>li>a”）；
var-link；
对于（变量i=0；i0）//注释2
link.href=“#导航1”；
}
}

注意1:

窗口。IE8中不存在innerWidth

（您没有指定浏览器要求）。由于

未定义<480

为假，

---

这只是意味着代码不会在那里运行，这可能没问题。另外，您可能希望更改为

，这是jQuery擅长的类型。你为什么不想用它？@warpedspeed我知道。但是，这不能导致与其他JS库冲突。它可能与哪些其他JS库冲突？这些信息可能会提供一个更优雅的解决方案。@jandjorgensen:这将进入一个模板，该模板可能与jQuery或Prototype一起使用。
<nav id="navigation1" class="navigation" style="height:auto; z-index:1; overflow:visible">
    <ul class="f-fp f-lp" id="fwNav1">
        <li class="fwNavItem"><a href="change-this-link.html"><span class="Navigation">About</span></a>
            <ul class="sub">
                <li class="fwFirstChild fwNavItem"><a href="#"><span class="Navigation">About Me</span></a></li>
                <li class="fwNavItem"><a href="#"><span class="Navigation">About You</span></a></li>
                <li class="fwLastChild fwNavItem"><a href="#"><span class="Navigation">About We</span></a></li>
            </ul>
        </li>
        <li class="fwNavItem"><a href="change-this-link.html"><span class="Navigation">Services</span></a>
            <ul class="sub">
                <li class="fwFirstChild fwNavItem"><a href="#"><span class="Navigation">What Me Do</span></a></li>
                <li class="fwLastChild fwNavItem"><a href="#"><span class="Navigation">What You Do</span></a></li>
            </ul>
        </li>
    </ul>
</nav>