如何创建节点，添加内容？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何创建节点，添加内容？相关的知识，希望对你有一定的参考价值。
我有一个<ul><liCCTV-1综合<li></ul>是单独的，我想点击这个就添加这个内容到另一个《ul》里面去 怎么做？是不是要创建节点添加内容？怎么写代码？
您好：是的，是要创建节点，添加节点。js中创建节点用var html=document.createElement（"<li>CCTV-1综合</li>"）;这样就是创建一个节点.添加节点方法是：比如你要添加到另一id=“ulid”的一个个<ul id="ulid"></ul>中.那么就可以用document.getElementById("ulid").appendchild(html)；这样就可以插入到那个ul中了。
jq方法更简单：直接用$("<li>CCTV-1综合</li>"")创建节点，然后接着在后面
$("<li>CCTV-1综合</li>"").appendTo("ul[id='ulid']")；
很简单吧呵呵。好好学习。追问
为什么我点击这个li不添加 也没有反映呢？
$("CCTV-1综合"").click(function()
$("CCTV-1综合</ul").appendTo("ul[id='ulid']")；
); 是这样写吗？
不是这样写：应该是$("li")，这样才是得到一个元素或多个元素，如果想得到一个元素就加个ID或者用jq筛选器。$("CCTV-1综合"").你这样写是创建一个元素。元素必须是先创建出来才能加事件。你这样创建+事件一起是不行的。
参考技术A js中创建节点用var html=document.createElement（"<li>CCTV-1综合</li>"）;这样就是创建一个节点.添加节点方法是：比如你要添加到另一id=“ulid”的一个个<ul id="ulid"></ul>中.那么就可以用document.getElementById("ulid").appendchild(html)；这样就可以插入到那个ul中了。jq方法更简单：直接用$("<li>CCTV-1综合</li>"")创建节点，然后接着在后面
$("<li>CCTV-1综合</li>"").appendTo("ul[id='ulid']")； 参考技术B <html>
<head>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
$("a").click(function()
$("<div class='my'><ul><li>哈哈</li></ul></div>").appendTo("#id1");
);
);
</script>
</head>
<body>
<a id="id1">点击此处</a>
</body>
</html>
jquary中的创建节点和添加节点的方法
今天来说一下针对jquary关于创建节点和添加节点的方法，先来看看创建节点：
1、直接添加节点内容即可
$("div").append(\'<a href="http://www.baidu.com">百度一下</a>\');
2、可以创建jquary对象添加进去
var $li=$(\'<a href="http://www.baidu.com">百度一下</a>\'); $("div").append($li)
以上两种方法都是常用到的。
接下来就看看如何添加节点：就拿这个简单的小例子说明一下
1、append方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").append($("p"));//添加到元素内容的后面 }) </script>
2、prepend方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").prepend($("p"));//添加到元素内容的前面 }) </script>
3、appendTo方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面 }) </script>
4、prependTo方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面 }) </script>
5、after方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").after($("p"));//添加到自己的后面 }) </script>
6、before方法
<body> <div>我是里面的div</div> <p>我是外面p</p> </body> <script> $(function(){ $("div").before($("p"));//添加到自己的前面 }) </script>
好了~以上便是添加节点的几个方法，都可以用，不过具体项目中可以根据情况来具体使用！
以上是关于如何创建节点，添加内容？的主要内容，如果未能解决你的问题，请参考以下文章