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

来源：互联网发布：淘宝付款方式设置在哪编辑：程序博客网时间：2024/06/05 19:49

网上看到一道阿里巴巴的笔试题，题目是请实现点击页面上的一个链接，然后隐藏这个链接的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="" onclick="hide();return false">SEM分享</a></div></body></html>

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

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

更改一个标签的 CSS 属性的代码是：

document.getElementById( id ).style.属性名 = 值;

document.getElementById( id ) 用于获取标签对应的 DOM 对象，你也可以用其它方法获取。style 是 DOM 对象的一个属性，它本身也是一个对象。属性名是 Style 对象的属性名，它和某个CSS属性是相对应的。