Вставить строку в выражение

Question

В моем сценарии пользователь должен указать направления, и мне нужно выполнить мой код в соответствии с этим направлением. Моя единственная идея:

function (dir) { 
    var element = document.querySelector('#id'); 
    eval('element.style. ' + dir + ' = 10\'px'\;' 
} 

Интересно, есть ли лучший способ для этого. Потому что, как я знаю, eval - не очень хорошая практика.

Answer 1

без проверки ошибок, чтобы убедиться, что element.style[dir] существует, то вы можете сделать это:

function foo(dir) { 
    var element = document.querySelector('#id'); 
    element.style[dir] = '10px'; 
} 

Я предполагаю, что вы хотите использовать его как это:

foo('top'); // ==> element.style.top = '10px';