<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script type="text/javascript">
function test(){
var obj=document.getElementById("test");
obj.className="red";
obj.value="not use with";
}
function testWith(){
var a=document.getElementById("test");
with(a){
value="using with";
className="blue";
}
}
</script>
<style type="text/css">
.red{background:red;color:#ffffff}
.blue{background:blue;color:yellow}
</style>
</head>
<body>
<input id="test" type="text" name="test" value=""/>
<input type="button" value="Changed" onclick="test()"/>
<input type="button" value="withChanged" onclick="testWith()"/>
</body>
</html>