Option | Status | Attribute |
---|---|---|
所有 下架 |
| |
/* 下面代码实例化了一个无限层次节点操作插件的对象,相当于重新构造了一棵新的对象树,新的对象树带有新的成员方法。就下面的例子,新对象树引用为table,table也是新树的根。它的后代对象由第二个参数childs决定 。新树的根引用是操作其后代对象的入口。重点讲解一下第二个参数。childs是一个数组结构,数组的第一个元素为tr,表示为dom根节点root的孩子节点tr重新构造新对象。如果原dom根节点root的中没有tr,将不会构造对象;如果tr内嵌有tr,不会为内嵌的tr构造节点,也就是说只会为孩子节点构造对象,孩子以下不会理会。第二个元素是td th,为什么有两个呢?因为tr下的孩子节点可以是th也可以是td,如果想同时为th td构造新的对象,就要同时写进去,用空格分开,检签的顺序不限制。第三个元素为select ul,为什么这两个可以写在一起?因为他们位于同一层次的,相对于根节点,它们都在第三层。只要同一层次的都可以写在一起。后面的以此类推,数量不限,就是无限层次了。新对象树的层次结构和原dom树的层次结构是一一对应的。 */
root = document.getElementById('category'),childs = ['tr', 'td th', 'select ul', 'li option'],table = $CL.newObj('maNode', [root, childs]);