YUI常用DOM操作方法

完整API:http://yuilibrary.com/yui/docs/api/classes/Node.html

下面介绍部分常用操作

支持DOM操作需要加载node

    YUI().use("node",function (Y) {
        alert(Y.all("*"));
    });

解除包装

alert(Y.one("#list1").getDOMNode()=== document.getElementById("list1"));//true

选择器和jquery基本一样

    YUI().use("node", function (Y) {
        var li = Y.one("li"); //满足条件的第一个DOM
        var lilist = Y.all("*"); //满足条件的所有DOM

        alert(li.getStyle('opacity'));//读取css
        li.setStyle('opacity', '.25'); //设置css
        
        li.setStyles({
            opacity: '.5',
            color:'red'
        });//批量设置css

    });

  getAttribute获取DOM属性对应setAttribute

get得到的是包装后DOM的属性,这里的属性不是DOM属性,对应YUI API中的Attributes

Y.all("#list1").get("children");//得到指定id的直接子元素

原文地址:https://www.cnblogs.com/FlyCat/p/2573866.html