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

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

如果要让a标签隐藏可以通过如下方式:
<a
id="anchor"
href="#"
style="display:none">锚点连接</a>
如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉;因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。
<SCRIPT
LANGUAGE="JavaScript">
function
hide(){

documentgetElementById("anchor")styledisplay
=
"none";
}
function
show(){

documentgetElementById("anchor")styledisplay
=
"block";
}
</SCRIPT>

JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
在HTML中标签<a></a>
或者大写字母A
。其中的a(或者
A)

anchor
的缩写
。anchor
['æŋkə]
基本解释是:锚,
铁锚
的,网页当中的所有连接跳转基本上都是通过a标签来实现的。
在html文档中,基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性,当然A标签也不例外。

<script>
function show(id){
var show1 = documentgetElementById('t1'); //设置一个变量用于接收id=t1的元素
var show2= documentgetElementById('t2'); //设置一个变量用于接收id=t2的元素
if(show1styledisplay != 'block'){ //判断如果id=t1的display不是block
show1styledisplay = 'block'; //将=t1的display样式赋值成block;其它不想显示变为none,否则相反
show2styledisplay='none';
}else{
show1styledisplay = 'none';
show2styledisplay='block';
}
}
</script>
<input type="button" value="点击" id="btn" onclick="show(t1);"/>
<div id="t1" style="display:block"><h3>隐藏这个</h3></div>
<div id="t2" style="display:none">
<h3>显示这个<span>烦烦烦:<input type="text" name="jiqun" id="jiqun" value=""/>
<a href="#">嘎嘎嘎</a> </span>
</h3>
</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13394194.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-27
下一篇 2023-07-27

发表评论

登录后才能评论

评论列表(0条)

保存