JQuery删除和添加子节点

来源：互联网发布：中国股市现状知乎编辑：程序博客网时间：2024/05/16 14:40

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>echarts</title>    <script src="../lib/echarts.js"></script>    <script src="../js/demo.js"></script>    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>    <script src="../lib/jquery-1.7.2.js"></script></head><body onload="legendInit()"><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="legend" style="width: 600px;height:400px; margin-right: auto;margin-left: auto" ></div><div id="gauge" style="width: 400px;height:400px; margin-right: auto;margin-left: auto;border:1px solid #000" ></div><div id="addInfos" >    <button  id="button" onclick="click1()" >click</button>    <input id='text' type='text' value='text'>    <div id="div">div</div></div></body></html>

function click1() {    alert("111");
    //删除子节点    $("#addInfos").children("#div").remove();
    //增加子节点    $("#text")[0].outerHTML;    $("#addInfos").append($("#text")[0].outerHTML);}

0 0