js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标

原文出自：https://blog.csdn.net/seesun2012


javascript基础篇，老土的方法解决js控制div样式，便于新手理解，粗暴的不能再粗暴，如果你是高手，请忽略！

思路：
        1.先将div设置为隐藏，style="display:none"；
        2.调用javascript脚本showContent()方法；
        3.获取传入的id，document.getElementById()；
        4.改变div的样式，block：显示，none：隐藏


**index.html 页面** ``` 《点击超链接显示图标》案例 ```
**caidan.html 页面** ``` 通过点击超链接右边显示一个铅笔图标

</head> <body> <!-- 简单粗暴,不求甚解 --> <div id="caidan"> <a id="ttOne" href="javascript:showContent('qbOne')">甲状腺腔镜手术</a> <div id="qbOne"></div>

甲状腺手术中喉返神经探测仪的应用

甲状腺疾病患者应该多补充碘吗？





返回

``` ![原始状态](//img-blog.csdn.net/20161121191123726)![点击后出现铅笔图标](//img-blog.csdn.net/20161121191218117)
附上百度云盘源码：http://pan.baidu.com/s/1eS3bKjS     提取码：0bl0
**如果此文章对你有帮助，请不要吝啬你的点赞！**
posted @ 2018-06-22 18:11  seesun2012  阅读(1473)  评论(0)    收藏  举报