javascript - 変数への表示プロパティの割り当て

Question

関数を最適化して短縮しようとしていますが、obj.style.display = 'block';かなりの回数使用しています。それを再利用できる変数に割り当てることはできますか?

この例を考えてみましょう

document.getElementById('example').visible;

.visibleの変数はどこにありますか.style.display = 'block';。

ありがとう

Answer 1

次のようなことを試すことができます：

function setDisplay (obj, display) {
   obj.style.display = display;
}

setDisplay(document.getElementById('test'), 'block');

見栄えを良くしたい場合は、次のようなものを試すこともできます。

function getById(id) {
   var obj = document.getElementById(id);
   obj.display = function (display) {
       this.style.display = display;
   };

   return obj;
}

var test = getById('test');
test.display('block');

最後に、jQuery のように、DOM 操作を頻繁に行う場合は、DOM 操作を容易にするフレームワークを使用できます。

Answer 2

関数を定義できます

function set_visible(obj, visibility) {
    obj.style.display = visibility;
}

プロパティのチェーンを変数に格納する方法はありません。

Answer 3

jsライブラリを嫌がらないのなら、jQueryを使ってみませんか？そうすれば、本当に単純化できます：-

$("#example").show();