Advertisement

使用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)

还没有任何评论哟~