document.getElementByIdは連鎖可能なメソッドですか？

Question

私は、このモジュールのパターンがある場合：

var MODULE = (function(window){ 
    var myPublicStuff = {}; 

    myPublicStuff.myPublicMethod = function(e){ 
     return e; 
    }; 
    return myPublicStuff; 

})(window); //edit: forgot to put I have this 

これは動作します（わかりやすくするために編集）

v = document.getElementById('some-element'); //works as expected 
MODULE.myPublicMethod(v); //works. 

しかし、これは動作しませんが、

MODULE.myPublicMethod().document.getElementById('some-element'); 

または

document.getElementById('some-element').MODULE.myPublicMethod(). 

私は、刑務所の前のメンバーが値を返したら、それを次のリンクにつなげることができると思いましたか？それはここでは機能しませんが、私はなぜそれがわかりません。

編集：すべての回答ありがとうございます。私がやろうとしているのは、要素を取得して、そのメソッドをでチェーンを介して印刷し直すことです。それで全部です。私が 'btnPrint'を入れた場合、私はそれを私に与えたい<button type="button" id="btnPrint" class="btn">...</button>コンソールでgetElementByIdを実行すると、私のモジュールの変数を最初に使用すると得られることになります（同じ意味です）。私は同じことをしたかっただけです連鎖された方法で。

編集：完全を期すため、これはトラヴィスがJSFiddle（感謝）の上に置くとは何ですか：

<button type="button" id="btnPrint" class="btn">...</button> 

Element.prototype.myPublicMethod = function(){ 
//in the prototype scheme that JavaScript uses, 
//the current instance of the Element is *this*, 
//so returning this will return the current Element 
//that we started with. 
return this; 

} 

console.log(document.getElementById("btnPrint").myPublicMethod()); 

私は同意するものとします。絶対に必要でない限り、これは悪く見えます。 v変数を避けるために

Answer 1

Is document.getElementById a method that can be chained?

はい。 Elementを返します（一致しない場合はundefined）。 Elementは一般的な関数群を公開し、要素が特定の型（例えばフォーム）であれば、特定の一連の関数を公開することもできます。

読むより一般的な要素タイプのhttps://developer.mozilla.org/en-US/docs/Web/API/Element

ここ

I want to do this:

v = document.getElementById('some-element'); //works as expected 
MODULE.myPublicMethod(v); 

で、vは右、簡単ですか？それはちょうどid="some-element"と要素を取得します。さて、そこからあなたはmyPublicMethod(v)にそれを渡します。あなたがしているときに、あなたがやっているのは、渡された同じ値を返す関数を呼び出すことだけです。それ以外には、上に示したコードに代入や格納はありません。だから、

v = document.getElementById('some-element'); 
var vId = MODULE.myPublicMethod(v).id; 
console.log(vId);// this will log "some-element" to the console 

But this does not work,

MODULE.myPublicMethod().document.getElementById('some-element'); 

：あなたは、このように返された値からv要素にアクセスすることになり、チェーンのセットアップを利用したい場合は、はは、ここに行っている可能性は何

私はあなたが「渡される同じ値を返す関数を呼び出す」と説明しましたが、myPublicMethodにはreturn e;という文字列しかありません。つまり、このコード行を使用して何も渡されなかったため、結果としてundefinedを使用していることを意味します。言い換えれば、あなたのコードはundefined.document.getElementById('some-element')として調べることができますが、うまくいけば明らかに問題があります。

if I put in 'btnPrint' I want it to give me <button type="button" id="btnPrint" class="btn">...</button>

例えば、書かれたとして、あなたのコードは、次のようなこれを実現します：

var MODULE = (function(window){ 
 
    var myPublicStuff = {}; 
 

 
    myPublicStuff.myPublicMethod = function(e){ 
 
     return e; 
 
    }; 
 
    return myPublicStuff; 
 
})(window); 
 

 
console.log(MODULE.myPublicMethod(document.getElementById('btnPrint')));

<button type="button" id="btnPrint" class="btn">...</button>

Answer 2

、あなたは

MODULE.myPublicMethod(document.getElementById('some-element')); 

documentを使用する必要があります（windowオブジェクトの）グローバルプロパティである、あなたはそれをオフそのmyPublicMethod()からチェーンに戻ってきたする必要があると思います。引数が渡されていない場合、それは恒等関数であることを考えると、あなたも

MODULE.myPublicMethod(document).getElementById('some-element'); 
MODULE.myPublicMethod(window).document.getElementById('some-‌​element'); 

Answer 3

ような何かを行うことができますあなたの関数からdocumentを返すことができます。

var MODULE = (function(window){ 
    var myPublicStuff = {}; 

    myPublicStuff.myPublicMethod = function(e){ 
     return e || document; 
    }; 
    return myPublicStuff; 

})(); 

var text = MODULE.myPublicMethod().getElementById('element').innerHTML; 

console.log(text); 

JSBin