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

《码赛客》

于 2022-03-19 02:01:01 发布

阅读量200

点赞数

本文链接：https://blog.csdn.net/m0_49249339/article/details/123588247

版权

HTML JavaScript DOM操作事件处理动态加载

关键词由CSDN通过智能技术生成

<!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>