使用YUI創建HTML元素

我正在使用以下代碼在頁面正文中使用YUI創建html元素。此代碼不會產生任何錯誤。使用YUI創建HTML元素

問題是，段落元素不是在html頁面中創建的。

<html> 
    <head> 
     <title>YUI Test</title> 
     <meta charset="UTF-8"> 
     <script src="http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js"></script> 
     <script> 
      // Create a YUI sandbox on your page. 
      YUI().use('node', function(Y) { 
       // Create DOM nodes. 
       var contentNode = Y.Node.create('<p>'); 

       contentNode.setHTML('This is a para created by YUI...'); 
      });   
     </script> 
    </head> 
    <body> 
     <h1>Page body section...</h1> 

    </body> 
</html>

來源

2014-01-23 Duli

該節點已創建，但它也從DOM分離。您可以通過使用

Y.one('body').append(contentNode);

或

contentNode.appendTo(Y.one('body'));

或

Y.one('nav.main-navigation').insert(contentNode, 'before');

或任何其他方法在YUI操作DOM將其附加到DOM。

來源

2014-01-23 21:42:57

使用YUI創建HTML元素

回答

相關問題