gpt4 book ai didi

javascript - 让一个简单的 YUI 例子工作

转载 作者:行者123 更新时间:2023-11-29 09:55:19 24 4
gpt4 key购买 nike

我正在阅读 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 的“入门”部分可能不清楚的事情,但是 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>

关于javascript - 让一个简单的 YUI 例子工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13263113/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com