Javascript:点击更改课程和标题

时间:2013-10-16 07:56:34

标签: javascript html css

点击该号码后,应将班级和标题从not_viewed更改为查看制作 颜色从红色变为绿色。但很明显,它不起作用,因为没有发生颜色变化。

HTML

<span title="not_viewed" class="not_viewed" id="1" onclick="javascript:changeclass()">1</span>
Javascript
function changeclass() {var NAME = document.getElementById("1"); NAME.className = "viewed" NAME.title="viewed"
  < /script>
}

CSS

span.viewed{color:green; }
span.not_viewed{color:red;}
span{cursor:pointer;}

请参阅 http://jsfiddle.net/yKbFk/1/

2 个答案:

答案 0 :(得分:1)

从函数中删除< /script>,因为它导致语法错误:

  

Uncaught SyntaxError:无效的正则表达式:missing /

Demo

请记得检查控制台(F12)是否有错误,以便自己调试。

答案 1 :(得分:1)

从功能中删除< /script>标记。

在此处查看http://jsfiddle.net/yKbFk/6/