javascript - 替换重复的 document.getElementById

Question

所以我的问题是:有没有办法替换重复的document.getElementById？因为我有很多这样的代码，而且很多人可能会同意，所以代码看起来并不像这样。

下面是我的代码中的示例。

document.getElementById('FieldAddClient').hidden = true;
document.getElementById('FieldAddClient').disabled = true;
document.getElementById('AddingClientTitle').hidden = true;
document.getElementById('AddingClientDesc').hidden = true; 
document.getElementById('DuplicatingClientTitle').hidden = false; 
document.getElementById('DuplicatingClientDesc').hidden = false;

Answer 1

使它们成为变量:

var my_el = document.getElementById('selector');

my_el.style.hidden = true;

制作辅助函数:

function el_by_id(s)
{
    return document.getElementById(s);
}

el_by_id('selector').style.hidden = true;

做一个更深层次的辅助函数:

function style(s, p, v)
{
    document.getElementById(s)[p] = v;
}

style('selector', 'hidden', true);

或者，使用 jQuery ...