3

我正在阅读 YUI 的“入门”部分，但无法让基础知识发挥作用。我在这个不允许这个 contentNode 打印的代码示例中做错了什么？当我尝试在浏览器中查看它时，没有任何反应。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>YUI</title>
<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
<script>
YUI().use('node', function (Y) {

    // Create DOM nodes.
    var contentNode = Y.Node.create('<div>');

    contentNode.setHTML('<p>Node makes it easy to add content.</p>');
});
</script>
</head>
<body>

</body>
</html>
4

1 回答 1

5

这只是 YUI 的“入门”部分可能不清楚的内容，但是 Y.Node.create 创建了一个 Node 对象，但还没有将它附加到 DOM。如果您想这样做，只需在代码中再添加一行即可（例如追加/前置/插入/等）：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>YUI</title>
    <script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
    <script>
      YUI().use('node', function (Y) {

          // Create DOM nodes.
          var contentNode = Y.Node.create('<div>');
          contentNode.setHTML('<p>Node makes it easy to add content.</p>');

          // Attaches created node to the DOM
          Y.one('body').append(contentNode);
      });
    </script>
  </head>
  <body>

  </body>
</html>
于 2012-11-07T04:53:45.130 回答