js修改li样式名

2010-02-02 10:27:27 995 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

利用JavaScript实现发表、修改、删除评论要用js实现这些功能，首先我们分析一下需要做什么 1.再文本框写评论 2.创建一个能储存写好的评论的地方，我们一般用无序列表li来储存 3.li不能让它固定，所以我们也需要用js来动态创建 4.肯定要在已经发布的评论哪里删除，也就是说，再创建的li中在创建两个按钮那么大致的html就只需要创建一个文本框和一个发表评论的按钮就够了，为了方便，ul也可以先创建好： <div class="bigBox w"> <textarea name="" id="txt" cols=" 阅读详情

初学者,大家不要见笑.
想实现的效果就是:
1、鼠标放上li显示不同的块;
2、同时修改当前li的样式名为"hover".

第一个功能已经实现，虽然写得很丑。连循环都没有用.

这是HTML代码



<div id="tabs2">

  <ul>

    <li onMouseOver="show1()" class="hover"><a href="#">Description </a></li>

    <li onMouseOver="show2()"><a href="#">Reviews</a></li>

  </ul>

</div>

这是js代码



function show1()

{

	document.getElementById("Con_des").style.display = "block";

	document.getElementById("Con_comments").style.display = "none";	

	//document.getElementById("tabs2").getElementsByTagName("li").className= "hover";

	//this.className = "hover";	

}



function show2()

{

	document.getElementById("Con_des").style.display = "none";

	document.getElementById("Con_comments").style.display = "block";

	//document.getElementById("tabs2").getElementsByTagName("li").className= "hover";

	//this.className = "hover";	

}