script中怎么添加css

div>
 <script>
    var str=
    "测试"
    document.getElementById("wenzi").style.color="aqua"
    document.getElementById("wenzi").style.width="10px"
   
    var i  =0;
    function wenziTest(){
        var wenzi=document.getElementById('wenzi')
        if(i<=str.length){
            wenzi.innerHTML =str.slice(0,i++)+"-"
            setTimeout("wenziTest()",100)
        }else{
            wenzi.innerHTML=str;
        }
     
    }
    wenziTest();
    
script>

我想要达到的结果

我想给这个字体变大一点然后想css那样能改变一下位置最好有什么方法可以