JS 显示隐藏含有样式属性的图片

展示与隐藏信息的JavaScript函数

最新推荐文章于 2024-09-19 14:14:25 发布

weixin_30907935

最新推荐文章于 2024-09-19 14:14:25 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Jack_G/archive/2013/01/05/2846228.html

本文介绍了一个使用JavaScript实现的函数，用于在HTML页面上动态展示和隐藏信息。通过改变元素的样式属性，实现信息的可见性切换。

//展开
function showinfo()
{

document.getElementById("hidden1").removeAttribute('style');
document.getElementById("show1").removeAttribute('style');
document.getElementById("hidden1").setAttribute('style','cursor: pointer; display: none;');
document.getElementById("show1").setAttribute('style','cursor: pointer; display: inline-block;');

}

//隐藏
function hideInfo()
{
document.getElementById("hidden1").removeAttribute('style');
document.getElementById("show1").removeAttribute('style');
document.getElementById("hidden1").setAttribute('style','cursor: pointer; display: inline-block;');
document.getElementById("show1").setAttribute('style','cursor: pointer; display: none;');

}

转载于:https://www.cnblogs.com/Jack_G/archive/2013/01/05/2846228.html