Можно ли в изменение стилей css подставлять переменную?

el.style.cssText="top:cюда; left:cюда;";

<style>
body{width:100%;height:100%;} 
#el{width:100px;height:100px;border:1px solid grey;}
</style>
 
<div id="el">el</div>
 
<script>
 
var body = document.getElementsByTagName('body')[0];
var el = document.getElementById('el');
    body.onclick = function(e){
        el.style.position = 'absolute';
        el.style.top = e.clientY;
        el.style.left = e.clientX;
}
</script>

var body = document.getElementsByTagName('body')[0];
        var ball = document.getElementById('ball');
 
            body.onclick = function(e) {
                ball.style.top = e.clientY;
                ball.style.left = e.clientX;
            }

body.onclick = function(){
                var cont = document.getElementById('container');
                cont.style.width = '500px'
            }

document.onclick = function () { //.... }

var ball = document.getElementById('ball');
 
            
 
            document.onclick = function(e) {
                ball.style.top = e.clientY;
                ball.style.left = e.clientX;
            }

var ball = document.getElementById('ball');
document.onclick = function(e) {
   ball.style.top = e.clientY + "px";
   ball.style.left = e.clientX + "px";
}