0
点赞
收藏
分享

微信扫一扫

DOM,创建节点appendChild()把B追加至A末尾

niboac 2022-03-19 阅读 100
java

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>

        <div>
            <button οnclick="addImg()">添加图片</button>
            <div id="imge"></div>
        </div>
        <script>   //这种并列添加图片 
            function addImg(){
                //注意不管是添加元素还是删除元素,都要通过符元素来进行操作
                var divEle = document.getElementById("imge");
                //创建图片标签
                var img =document.createElement("img");//创建一个标签
                //设置标签的属性
                img.setAttribute("src","img/wangzhe。jpg.jpg");
                
                //为父元素添加一个节点
                divEle.appendChild(img);
            }
        </script>

    </body>
</html>

举报

相关推荐

0 条评论