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

发布网友发布时间：2022-04-20 06:25

我来回答

共3个回答

懂视网时间：2022-05-12 16:01

这次给大家带来a标签中怎样设置隐藏其他属性只显示图片，a标签中设置隐藏其他属性只显示图片的注意事项有哪些，下面就是实战案例，一起来看一下。

经常遇到<a>标签有一个样式，是显示一张图片，但标签中写有文字，又想让文字隐藏，很多种情况下，会想到

text-indent:-9999em;

但今天就发现ie7中以及360默认ie模式下，图片就不显示了，就到网上查了查，下面就总结一下：

凡ie7模式下的css写法如下：

text-indent: -9999em; 
overflow: hidden; 
float: left; //当然也可以float: right;

上述css已经可以解决这个问题。

360中有个ie模式和极速模式，想要网页一打开默认极速模式，只需要在<head>中加入下边一句话就可以了：

<meta name="renderer" content="webkit">  极速模式 
<meta name="renderer" content="ie-comp">  兼容模式 
<meta name="renderer" content="ie-stand">  IE模式

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

相关阅读：

怎样让textarea文本域宽度和高度width及height自动适应

html+css+javascript如何实现列表循环滚动

html超级链接a的click事件之后跳转href所指向的地址

如何通过display或visibility来实现HTML元素的显示与隐藏

热心网友时间：2022-05-12 13:09

　　如果要让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标签也不例外。

热心网友时间：2022-05-12 14:27

将标签放在层里面，控制层的显示和隐藏就可以:
show是层的id名，
隐藏层：document.getelementbyid("show").style.display
=
"none";
显示层：document.getelementbyid("show").style.display
=
"block";