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

Question

我的页面中有个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>

Answer 1

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

Answer 2

<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>