使用Javascript实现点击链接后,隐藏该链接
发布时间
阅读量:
阅读量
在阿里云技术社区上有一道笔试题目,在线编程部分要求实现点击页面中的某个链接功能,并生成该链接对应的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 属性值:
该属性也被用来在标签上引用样式表的一种方法,并且其值对应一个CSS样式表。同样地,在DOM对象中也存在 style 属性这一概念,并且值得注意的是,这个 style 属性实际上也是一个独立的对象。然而,在这种情况下,Style 对象的某些特定属性与 CSS 的相关属性之间是一一对应的关系。因此这也归类于第二种修改方式。
更改一个标签的 CSS 属性的代码是:
document.getElementById( id ).style.属性名 = 值;
document.getElementById(id) 用于访问与标签相关的DOM对象;另一种方式就是使用其他方法。style 被视为一个DOM对象的属性;其名称对应于Style对象的相应名称,并与某个CSS关键字相对应。
全部评论 (0)
还没有任何评论哟~
