Javascript 让一个简单的YUI示例发挥作用
我正在阅读YUI的“入门”部分,我无法让基础知识发挥作用。在这个不允许打印此contentNode的代码示例中,我做错了什么?当我试图在浏览器中查看它时,什么都没有发生Javascript 让一个简单的YUI示例发挥作用,javascript,yui,Javascript,Yui,我正在阅读YUI的“入门”部分,我无法让基础知识发挥作用。在这个不允许打印此contentNode的代码示例中,我做错了什么?当我试图在浏览器中查看它时,什么都没有发生 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>YUI</title> <script src="http://yui.ya
<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()。使用('node',函数(Y){
//创建DOM节点。
var contentNode=Y.Node.create(“”);
setHTML(“节点使添加内容变得容易。”);
});
YUI的“入门”部分可能还不清楚这一点,但是Y.Node.create创建了一个节点对象,但还没有将其附加到DOM。如果您想这样做,只需在代码中再添加一行即可(例如append/prepend/insert/etc):
尤伊
YUI()。使用('node',函数(Y){
//创建DOM节点。
var contentNode=Y.Node.create(“”);
setHTML(“节点使添加内容变得容易。”);
//将创建的节点附加到DOM
Y.one('body').append(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>');
// Attaches created node to the DOM
Y.one('body').append(contentNode);
});
</script>
</head>
<body>
</body>
</html>