JS控制a标签显示的文本文字的改变,但不产生链接到其他页:如默认的文本是"修改",点击后变为"关闭"

JavaScript014

JS控制a标签显示的文本文字的改变,但不产生链接到其他页:如默认的文本是"修改",点击后变为"关闭",第1张

如果只是这么一个简单的功能,不用写到函数里那么麻烦,直接在行内搞定就可以了.

代码如下:

<a href="javascript:void(0)" onclick="javascript:this.innerHTML=(this.innerHTML=='修改'?'关闭':'修改')">修改</a>

如果还有问题欢迎追问,问题解决请及时选为满意回答,谢谢.

img标签在a标签里面,你text或html方法都会替换掉a标签内的所有内容,包括html标签,为文字加个标签包裹起来即可,例如span

<a id='xiaoxi' class="menu-item" onclick="loadpage('message')" ><img  alt="消息" src="images/menu_bb.gif" /><span>消息</span></a>

选择器加上span

$("#xiaoxi span").text("  消息(new)")