Javascript передавая строковый параметр - затем используя setStyle

Question

Текущая функция:

function SetPopup() {
    x$('body').setStyle('overflow', 'hidden');
    x$('#divOne').setStyle('height', document.body.offsetHeight + 'px');
    x$('#divOne').setStyle('width', 100 + '%');
    x$('#divOne').setStyle('display', 'block');
}

Я хотел бы изменить эту функцию так, чтобы divOne считывался как параметр, подобный этому:

function SetPopup(string x) {
    x$('body').setStyle('overflow', 'hidden');
    x$('#x').setStyle('height', document.body.offsetHeight + 'px');
    x$('#x').setStyle('width', 100 + '%');
    x$('#x').setStyle('display', 'block');
}

Но очевидно, что это не работает.

Что мне нужно сделать, чтобы включить x, где я оптимистично поместил его в нижнюю функцию?

Answer 1

Попробуйте это:

function SetPopup(elem) {
    x$('body').setStyle('overflow', 'hidden');
    x$('#' + elem).setStyle('height', document.body.offsetHeight + 'px');
    x$('#' + elem).setStyle('width', 100 + '%');
    x$('#' + elem).setStyle('display', 'block');
}

Answer 2

function SetPopup(x) {
    x$('body').setStyle('overflow', 'hidden');
    x$('#'+x).setStyle('height', document.body.offsetHeight + 'px');
    x$('#'+x).setStyle('width', 100 + '%');
    x$('#'+x).setStyle('display', 'block');
}