当前位置：首页 > news >正文

引航博景网站做的很好吗查询收录

news 2026/4/6 11:25:10

引航博景网站做的很好吗,查询收录,网易企业邮箱服务器配置,为什么很多中国人去菲律宾做网站Node是用来操作DOM node的工具，实际上每一个Node实例都代表着一个DOM node，每一个NodeList都代表着一组DOM node. 从YUI2.x到YUI3.0相关的api发生了一些变化，具体可以参见本文的最后部分。 1. 要使用Node，首先要引入YUI3的种子文…

Node是用来操作DOM node的工具，实际上每一个Node实例都代表着一个DOM node，每一
个NodeList都代表着一组DOM node.

从YUI2.x到YUI3.0相关的api发生了一些变化，具体可以参见本文的最后部分。

1. 要使用Node，首先要引入YUI3的种子文件：


<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"></script>

然后加载相应模块：


YUI().use('node', function(Y) {
});

2. 获得Node
可以使用YUI.one()获取Node，该方法的参数可以是一个Node，也可以是一个选择器（selector）,
在使用选择器时，返回第一个匹配的元素。默认情况下css3选择器不被支持，如果要使用，需要
加载“selector-css3”模块。关于css3 selector可以参见这里：
[url]http://www.w3.org/TR/css3-selectors[/url]
以下是使用YUI.one()的例子：


YUI().use('node', function(Y) {
    var node1 = Y.one('#main');
    var node2 = Y.one(document.body);
});

3. 访问Node属性
可以使用Node的set，get方法访问Node的属性，需要注意的是如果返回节点的话返回的是
YUI Node而不是DOM node，这一点在其他地方也要注意。
以下是相关的例子：


YUI().use('node', function(Y) {
    var node = Y.one('#foo');
    var parent = node.get('parentNode'); // Node instance
    var html = 'I am "' + node.get('id') + '".';
    html += 'My parent is "' + parent.get('id') + '"';
    node.set('innerHTML', html);
});

4. 事件监听
　　可以用on方法添加事件监听器：


YUI().use('node', function(Y) {
    Y.one('#demo').on('click', function(e) {
        e.preventDefault();
        alert('event: ' + e.type + ' target: ' + e.target.get('tagName')); 
    });
});

5. DOM方法
Y.Node提供了所有DOM node的原有方法

6. NodeList的使用
NodeList提供了与Node相似的API，但是它的处理时对所有NodeList中的所有Node作用的。
例如如下代码对demo的所有子元素添加'bar'类：


  YUI().use('node', function(Y) {
    Y.one('#demo').get('children').addClass('bar');
});

查看全文

http://www.hkea.cn/news/997030/

广州北京网站建设公司网站外部优化的4大重点

网站建设书优化大师是干什么的

优秀的网站建设公司百度指数人群画像

wordpress企业中文模板太原seo哪家好

广东网广东网站建设网站推广方案模板

网站运营知识快手seo

咖啡公司网站建设策划书微信营销方式

柳江区城乡住房建设局网站上海seo优化服务公司

西城企业网站建设企业网站怎么优化

初学者做动态网站项目例子游戏特效培训机构排名

php wordpress 目录seo课程培训机构

相关文章：