js控制背景颜色的问题，谁告诉我一下

Question

 <script>
function navstytleid(obj)
{
alert(obj.id);
window.document.getElementById(obj.id).className="now";
}
</script>
<a  id="nava1" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c41.shtml">动作片</a>
        <a  id="nava2" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c42.shtml">科幻片</a>
        <a  id="nava3" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c43.shtml">战争片</a>
        <a  id="nava4" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c44.shtml">爱情片</a>
        <a  id="nava5" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c45.shtml">喜剧片</a>
        <a  id="nava6" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c46.shtml">剧情片</a>
        <a  id="nava7" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c412.shtml">综艺片</a>
CSS代码 .mainnav .nav1 a:hover,.mainnav a.now {
background:red
}
获取当前点击标签的ID，设置其CLASS，从而改变其背景颜色我点击A标签跳转后，背景颜色就丢失了，请问如何保持

Answer 1

用 $("#yourID").css("background-color","red");试试 

Answer 2

觉得很奇怪  这样的连接应该是导航 跳转对象应该是另外一个内容页面  JS应该控制样式并且跳转地址也写在JS里面