js 如何修改style中的border-bottom属性。

[teemai]

我的页面中有个button

<input id="b1" style="border-bottom:1px hidden gray;" type="button" value="我的头像" onclick="buttonClick(b1);" />

然后我的js代码是：

	<script type="text/javascript">
		function buttonClick(m){
                        //点击之后说页面有错误，bottom未定义
			if(m.style.border-bottom=='1px hidden gray'){
				alert(1);
			}else{
				alert(2);
			}
		}
	</script>

[teemai]

我的目的是点击了按钮之后我要对这个按钮的style="border-bottom:..."进行修改。

[hookee]

<input id="b1" style="border-bottom:gray 1px hidden;" type="button" value="我的头像" onclick="buttonClick(b1);" />


   <script type="text/javascript">
        function buttonClick(m){
            alert(m.style.borderBottom)
            if(m.style.borderBottom=='gray 1px hidden'){
                alert(1);
            }else{
                alert(2);
            }
        }
    </script>

[shan1119]

borderBottom

[teemai]

谢谢，问题解决，结贴。