js怎么控制a标签的显示和隐藏

JavaScript018

js怎么控制a标签的显示和隐藏,第1张

如果要让a标签隐藏可以通过如下方式：

<a

id="anchor"

href="#"

style="display:none">锚点连接</a>

如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。

<SCRIPT

LANGUAGE="JavaScript">

function

hide(){

document.getElementById("anchor").style.display

=

"none"

}

function

show(){

document.getElementById("anchor").style.display

=

"block"

}

</SCRIPT>

‍

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在HTML中标签<a></a>

或者大写字母A

。其中的a（或者

A）

是

anchor

的缩写

。anchor

['æŋkə]

基本解释是.：锚,

铁锚

的，网页当中的所有连接跳转基本上都是通过a标签来实现的。

在html文档中，基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性，当然A标签也不例外。

JS控制A标记的href跳转可以按照以下方法实现：

var a = document.getElementById("aHref")

a.href = '/user'

//取消<a>标签原先的onclick事件,使<a>标签点击后通过href跳转(因为无法用js跳转)

a.setAttribute("onclick",'')

//激发标签点击事件OVER

a.click("return false")