使用Javascript实现点击链接后,隐藏该链接

本文介绍了阿里巴巴笔试题中的一道问题,即如何使用JavaScript实现点击链接后隐藏该链接。通过修改HTML标签的style属性,可以实现这一功能。示例代码展示了如何利用document.getElementById和style对象来更改CSS属性,从而达到隐藏链接的效果。
摘要由CSDN通过智能技术生成

网上看到一道阿里巴巴的笔试题,题目是请实现点击页面上的一个链接,然后隐藏这个链接的javascript代码。根据上一篇博客用JavaScript修改HTML标签属性,写出如下代码仅供参考。

<html>
<head>
</head>
<body>

<script type="text/javascript">
function hide()
{
document.getElementById("divnone").style.display="none" 

}
</script>
<div id="divnone" >
<a href="" οnclick="hide();return false">SEM分享</a>
</div>

</body>
</html>

用JS修改标签的 style 属性值: 

style 属性也是在标签上引用样式表的方法之一,它的值是一个CSS样式表。DOM 对象也有 style 属性, 不过这个属性本身也是一个对象,Style 对象的属性和 CSS 属性是一一对应的,当改变了 Style 对象的属性时,对应标签的CSS 属性值也 就改变了,所以这属于第二种修改方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值