html code:
<div id="idname"></div> <div class="classname"></div>
YUI2中DOM使用方法：
(function() {
YAHOO.util.Dom.get('idname');
YAHOO.util.Dom.getElementsByClassName('classname').addClass('mytest');
YAHOO.util.Dom.getElementsByClassName('classname', 'div').addClass('mytest');
})();
YUI3中DOM使用方法：
YUI().use('node', function(Y) {
Y.one('#idname').addClass('mytest');
Y.one('.classname').addClass('mytest');
});
YUI2.x的Node功能是由YAHOO.util.Dom提供的，其与YUI3.0的对应关系如下：
| 2.x (via YAHOO.util.Dom) | 3.0 |
| addClass | myNode.addClass |
| batch | NodeList[methodName], NodeList.each, or Y.each |
| generateId | Y.guid |
| get | Y.one |
| getAncestorBy | myNode.ancestor |
| getAncestorByClassName | myNode.ancestor |
| getAncestorByTagName | myNode.ancestor |
| getChildren | myNode.get(‘children’) |
| getChildrenBy | myNode.all |
| getClientRegion | myNode.get(‘viewportRegion’) |
| getDocumentHeight | myNode.get(‘docHeight’) |
| getDocumentScrollLeft | myNode.get(‘docScrollX’) |
| getDocumentScrollTop | myNode.get(‘docscrollY’) |
| getDocumentWidth | myNode.get(‘docWidth’) |
| getElementsBy | myNode.all |
| getElementsByClassName | myNode.all |
| getFirstChild | myNode.one |
| getFirstChildBy | myNode.one |
| getLastChild | myNode.one |
| getLastChildBy | myNode.one |
| getNextSibling | myNode.next |
| getNextSiblingBy | myNode.next |
| getPreviousSibling | myNode.previous |
| getPreviousSiblingBy | myNode.previous |
| getRegion | myNode.get(‘region’) |
| getStyle | myNode.getStyle |
| getViewportHeight | myNode.get(‘winHeight’) |
| getViewportWidth | myNode.get(‘winWidth’) |
| getX | myNode.getXY |
| getY | myNode.getXY |
| getXY | myNode.getXY |
| hasClass | myNode.hasClass |
| inDocument | myNode.inDoc |
| insertAfter | myNode.insert |
| insertBefore | myNode.insert |
| isAncestor | myNode.contains (Note myNode.contains(myNode) === true) |
| removeClass | myNode.removeClass |
| replaceClass | myNode.replaceClass |
| setStyle | myNode.setStyle |
| setX | myNode.setXY |
| setY | myNode.setXY |
| setXY | myNode.setXY |
centerqi [2010年06月25日 @ 15:40] says
很不错的网站，希望看到更好的文章，因为你快牛逼了