Question

我正在使用以下代码在页面主体中使用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>

Answer 1

创建节点，但它也与DOM分离。您必须使用

将它附加到DOM

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

或

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

或

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

或在YUI中操作dom的任何其他方法。

使用YUI创建HTML元素

1 个答案: