1、首先获取要添加的节点的节点，然后创建一个节点，添加到节点的前面。
2、<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM树 *** 作</title> <script> function f1(){。
3、找到狮子狗这个节点 通过id查找到狮子狗节点 var ul=document.getElementById("d1")。
4、</head> <body> <!--在ul列表中追加一个蛮王英雄--> <ul id="d1"> <li>亚索</li> <li>狮子狗</li> <li>披甲龙龟</li>。
5、 </ul> <input type="button" value="追加蛮王" onclick="f2()" /> </body></html>。
6、在狮子狗节点后追加一个<li>蛮王</li> a.找到狮子狗这个节点 通过id查找到狮子狗节点 var li=document.getElementById("l1") b.创建<li>蛮王</li>节点对象和内容。
<titlejQuery插入,复制、替换和删除节点</title<script type="text/javascript" src="jquery-1.3.2.js"</script
<script type="text/javascript"
$(document).ready(function(){//几种添加节点的方法//$("p").append("<b你好吗？</b")//向p元素中追加《b》//$("<b你好吗？</b").appendTo("p")//将《b》追加到p元素中//$("p").prepend("<b你好吗？</b")//向p中前置《b》//$("<b你好吗？</b").prependTo("p")//将《b》前置到p元素中//$("p").after("<b你好吗？</b")//向p元素后插入《b》//$("<b你好吗？</b").insertAfter("p")//将《b》插入到p元素后边//$("p").before("<b你好吗？</b")//在p元素之前添加《b》//$("<b你好吗？</b").insertBefore("p")//将《b》插入到p元素前面//几种删除节点的方法//var $li=$("ul li:eq(1)").remove()//删除ul节点中第2个元素节点//$("ul").append($li)//把刚删除的元素节点从新添加到ul元素中去//$("ul li").remove("li[title!=菠萝]")//将ul元素下title属性不等于"菠萝"的li元素删除//$("ul li:eq(1)").empty()//清空ul节点下第2个li元素的内容//复制节点/*$("ul li").click(function(){
$(this).clone(true).appendTo("ul")//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件})*///替换节点//$("p").replaceWith("<strong你最不喜欢的水果是？</Strong")})</script</head<body<p你好！</p
你最喜欢的水果是？<ul<li title="苹果"苹果</li
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）