JQuery删除和添加子节点

最新推荐文章于 2024-03-31 03:12:10 发布

yezhuanxu

最新推荐文章于 2024-03-31 03:12:10 发布

阅读量3.4w

点赞数 4

分类专栏： jquery 文章标签： JQuery删除和添加子节点 jquery

本文链接：https://blog.csdn.net/yezhuanxu/article/details/52787685

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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 οnlοad="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" οnclick="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);
}