js中cssText可以用变量赋值吗

Question

<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"这一段还望解惑，谢谢！

Answer 1

        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+";";
        }