js如何实现链式调用？

Question

<div class="slide_window_a">         <div class="s_scroll_a" id="s_scroll_a">             <img src="1.jpg" alt="">             <img src="2.jpg" alt="">             <img src="3.jpg" alt="">             <img src="4.jpg" alt="">             <img src="5.jpg" alt="">             <img src="6.jpg" alt="">         </div>     </div>   <script>     function tag(element){        return document.getElementsByTagName(element);     }    function $(element){        return document.getElementById(element);     }     alert($("s_scroll_a").tag("img").length);为何这样$("s_scroll_a").tag("img").length不行？如何才能使用链式操作？

Answer 1

1. 运算是从左往右的

2. $("s_scroll_a")返回了个Element实例，tag是你自己定义的函数，这俩半毛钱关系都没有，当然不能用链式调用。

3. 想要实现你这个东西的链式调用，你需要封装个类，然后把tag函数放到类的原型方法中。