获取文本输入框 点击按钮 改变DIV 在控制台一直提示错误 ，请问怎么回事啊？
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<style>
#box{
width:300px; height:200px;background:#369;
}
</style>
<script>
/* 目标要求是 用户输入值 点击按钮 div随着用户输入的值 改变。
分析：1. 两个输入框一个按钮的值 首先要获取
2，给按钮添加一个点击事件
3,获取 文本输入框属性！
4，div发生变化。
*/
window.onload=function(){
var text1=document.getElementById("text1");
var text2=document.getElementById("text2")
var button=document.getElementById("button")
var box=document.getElementById("box")
//元素全部拿到手了， ！！！ 下一步添加onclick事件
button.onclick=function(){
//获取 文本输入框的值
var wenben1=(text1.value);
var wenben2=(text2.value);
//改变div 样式
box.style.[wenben1]=wenben2;//这句话一直报错 是怎么回事啊
}
}
</script>
<body>
<input type="text" id="text1" value=""/>
<input type="text" id="text2" value=""/>
<input type="button"id="button" value="按钮"/>
<div id="box"></div>
</body>
</html>
