js控制a标签样式

JavaScript019

js控制a标签样式,第1张

说一个思路:为每一个a添加点击事件,当点击时遍历所有的a,并把所有的a的class设置为m。再把当前a的class设置为n.

用一些js库(比如Mootools)很容易做到。用js的原型函数可能麻烦一点。

拙见,献丑了!!!!

<a href="1" data-value="no"></a>

<a href="2" data-value="no"></a>

$(function(){

$("a").attr("data-value", "ok")

})

如果要让a标签隐藏可以通过如下方式:<aid="anchor"href="#"style="display:none">锚点连接</a>如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉;因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。<SCRIPTLANGUAGE="JavaScript">functionhide(){ document.getElementById("anchor").style.display="none"}functionshow(){ document.getElementById("anchor").style.display="block"}</SCRIPT>‍JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。在HTML中标签<a></a>或者大写字母A。其中的a(或者A)是anchor的缩写。anchor['æŋkə]基本解释是.:锚,铁锚的,网页当中的所有连接跳转基本上都是通过a标签来实现的。在html文档中,基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性,当然A标签也不例外。