我正在阅读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>
解决方法:
这只是YUI的“Getting Started”部分可能不太清楚的事情,但是Y.Node.create创建了一个Node对象,但是还没有将它附加到DOM.如果你想这样做,只需在代码中再添加一行(例如append / prepend / insert / etc.):
<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>