js点击修改样式与修改class属性

JS代码
<script language="javascript">

        function test4(event) {
          if(event.value == "11") {
             //?取div1
             var div1 = document.getElementById('div1');
             div1.style.display="none";
          }
          if(event.value == "22") {
             //?取div1
             var div1 = document.getElementById('div1');
             div1.className="要修改的class属性值";
          }
          if(event.value == "33") {
             //?取div1
             var div1 = document.getElementById('div1');
             div1.className="要修改的class属性值";
          }
        }
     </script>

页面代码
<div id="div1" style="width:400px; height:300px; background-color:red;display: block;">div1</div>
<input type="button" value="11" onclick="test4(this)"/>
<input type="button" value="22" onclick="test4(this)"/>
<input type="button" value="33" onclick="test4(this)"/>