UC知道JavaScript能不能简写CSS的样式？
来源：百度知道 编辑：UC知道 时间：2024/06/20 16:53:11
<input id="pp"type="button"value="Test"class="b4"onclick="r()"/>
在JS文件里：
function r(){form1.pp.style.visibility='hidden';}
style.visibility='hidden'太长了，我要在很多地方都设置这个样式，要么出现，要么消失。有没有办法， 在JavaScript里面简写这个样式？
例如：function r(){var h=eval("style.visibility='hidden'");form1.pp.h;}
这个能不能实现类似的调用？
在JS文件里：
function r(){form1.pp.style.visibility='hidden';}
style.visibility='hidden'太长了，我要在很多地方都设置这个样式，要么出现，要么消失。有没有办法， 在JavaScript里面简写这个样式？
例如：function r(){var h=eval("style.visibility='hidden'");form1.pp.h;}
这个能不能实现类似的调用？
要在很多地方都设置这个样式，要么出现，要么消失。
我的理解是，楼主可能有很多表单元素需要显示和隐藏
如果理解没错，请往下看：
方法一：(此方法只适用于IE)
二楼sugar5520的方法，有可能会将原有的表单元素的Class覆盖。所以可以稍微改一改：pp.className += ' r'; //引号中r前面有一空格
方法二：
function showHide(obj){
var visibility = obj.style.visibility;
obj.style.visibility = 'hidden' == visibility ? 'visible' : 'hidden';
}
//调用
showHide(form1.pp); //当pp是隐藏时，调用后变显示，当pp是显示时，调用后为隐藏
function r(){var h=eval("style.visibility='hidden'");form1.pp.h;}
改成这样：
function r(){
var h=form1.pp.h;
h.style.visibility='hidden';
}
<style type="text/css">
.r{visibility:hidden;}
</style>
pp.className = 'r';
我顶楼上的，写个函数封装调用好