dom11克隆replaceChild

最新推荐文章于 2021-09-10 17:03:36 发布

Kasekale

最新推荐文章于 2021-09-10 17:03:36 发布

阅读量264

点赞数

分类专栏： dom 文章标签： dom

本文链接：https://blog.csdn.net/Kasekale/article/details/78590870

版权

dom 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #div1{width: 300px;height: 300px;background-color: pink}
        #div2{width: 300px;height: 300px;background-color: purple}
    </style>
</head>
<body>
    <div id="box">
        <input type="button" value="点击替换" id="btn">
        <div id="div1"></div>
        <hr>
        <div id="div2"></div>
    </div>
    <script>
        /*需求:
            当点击按钮的时候,将粉色方块替换成紫色方块;

            父级.replaceChild(替换成的最终颜色,被替换的颜色)
        */

        var btn = document.getElementById("btn");
        var pink = document.getElementById("div1");
        var purple = document.getElementById("div2");
        var box = document.getElementById("box");

        btn.onclick = function(){

            box.replaceChild(purple,pink);
        }
    </script>
</body>
</html>

Kasekale

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dom11克隆replaceChild

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 300px;height: 300px;background-color: pink} #div2{width: 300px;he
复制链接

扫一扫

专栏目录