獲取文本輸入框 點(diǎn)擊按鈕 改變DIV 在控制臺一直提示錯誤 ，請問怎么回事??？
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<style>
#box{
? ?width:300px; height:200px;background:#369;
}
</style>
<script>
? /* ? 目標(biāo)要求是 用戶輸入值 ?點(diǎn)擊按鈕 div隨著用戶輸入的值 改變。
? ? ?
? ? ? 分析：1. 兩個輸入框一個按鈕的值 首先要獲取
? ? ? ? ? ? 2，給按鈕添加一個點(diǎn)擊事件
? ? ? ? ? ? 3,獲取 文本輸入框?qū)傩裕?/p>
? ? ? ? ? ? 4，div發(fā)生變化。
*/
? ? ?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>
2016-08-20
改變屬性是吧，box.style[wenben1]=wenben2; //用了[] 不用加點(diǎn)