Kissy中原生domNode 和 node 之间的转换

最新推荐文章于 2025-09-06 08:01:57 发布

weixin_34151004

最新推荐文章于 2025-09-06 08:01:57 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sirzxj/archive/2011/10/23/2221895.html

本文探讨了原生DOM和KISSY Node对象之间的转换方法，并通过实例展示了如何使用KISSY进行DOM操作。

 1 <!DOCTYPE HTML>
 2 <html lang="en">
 3 <head>
 4   <meta charset="GBK" />
 5   <title></title>
 6   <style type="text/css"> 
 7           #div2{
 8               background:red;
 9             height:300px;
10             width:300px;
11             margin:300px;
12           } 
13   </style>
14   <script type="text/javascript" src="kissy.js"></script>
15   <script type="text/javascript">
16           KISSY.ready(function(S){            
17                 S.one("#btn").on('click',function(){
18                         S.all("#div a").each(function(value,key){
19                     //            value.html("kye="+key);
20                     //        value.appendTo("#div2");
21                                 var returnDom = value.getDOMNode();
22                                 alert(returnDom.innerHTML);
23                         });
24                 });
25           });
26   </script>
27 </head>
28 <body>
29         <input type="button" value="Test" id="btn" />
30         <div id="div">
31             <a href="http://www.baidu.com">百度</a>
32             <a href="http://www.baidu.com">google</a>
33         </div>
34     
35             
36         <div id="div2">
37             
38         </div>
39     
40 </body>
41 </html>