js中cssText可以用变量赋值吗

<script type="text/javascript">
    window.onload = function(){
        var attrInt = document.getElementsByTagName('input')[0].value;
        var attrNum = document.getElementsByTagName('input')[1].value;
        var enterBtn = document.getElementsByTagName('button')[0];
        var resetBtn = document.getElementsByTagName('button')[1];
        var changeBox = document.getElementById('willBox');
        enterBtn.onclick = function(){
           changeBox.style.cssText = '"attrInt":"attrNum";' ;
        }
        resetBtn.onclick = function(){
            changeBox.style.cssText = "";
        }
        console.log(typeof attrInt);
        console.log(attrInt);
        console.log(typeof attrNum);
        console.log(attrNum);
       }
</script>

运行之后实现不了用户输入值，改变div属性的想法。
代码中“ changeBox.style.cssText = '"attrInt":"attrNum"这一段还望解惑，谢谢！

        var enterBtn = document.getElementsByTagName('button')[0];
        var resetBtn = document.getElementsByTagName('button')[1];
        var changeBox = document.getElementById('willBox');
        enterBtn.onclick = function(){
            var attrInt = document.getElementsByTagName('input')[0].value;
            var attrNum = document.getElementsByTagName('input')[1].value;
            changeBox.style.cssText = attrInt+":"+attrNum+";";
        }

我试了一下 应该是你拼接的这里错了 还有 input的值没取到，输入的值不规范也不行
var enterBtn = document.getElementsByTagName('button')[0];
var resetBtn = document.getElementsByTagName('button')[1];
var changeBox = document.getElementById('willBox');
enterBtn.onclick = function(){
var attrInt = document.getElementsByTagName('input')[0].value;
var attrNum = document.getElementsByTagName('input')[1].value;
changeBox.style.cssText = attrInt+ "; "+attrInt+";";
}
正确的：

错误显示:

<script type="text/javascript">
    window.onload = function(){
        var attrInt = document.getElementsByTagName('input')[0];
        var attrNum = document.getElementsByTagName('input')[1];
        var enterBtn = document.getElementsByTagName('button')[0];
        var resetBtn = document.getElementsByTagName('button')[1];
        var changeBox = document.getElementById('willBox');
        enterBtn.onclick = function(){
            changeBox.style.cssText = attrInt.value+":"+attrNum.value+";";
        }
        resetBtn.onclick = function(){
            changeBox.style.cssText = "";
        }
        console.log(typeof attrInt);
        console.log(attrInt);
        console.log(typeof attrNum);
        console.log(attrNum);
       }
</script>

不用在第一次给"attrInt"和"attrNum"赋值的时候取变量的value值，而是在执行onclick()时取变量的value。这样就能做到动态获取用户输入的的值。谢谢，以上两位的回答！