今天看啥
    热点:

      天发国际娱乐官网:今天,我们看到无遮拦的庄严宏伟的露天大佛确实带有某种偶然性。

      JS简单添加元素新节点的方法示例,js元素节点示例


      本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考,具体如下:

      <!DOCTYPE html>
      <html lang="en">
      <head>
        <meta charset="UTF-8">
        <title>www.jb51.net - JS添加新节点的几种方法</title>
      </head>
      <body>
      <div id="d">
      <span id="s">
        1234567890
      </span>
      </div>
      </body>
      <script type="text/javascript">
        //首先找到Id为d的元素
        var d=document.getElementById('d');
        //创建一个节点
        var a=document.createElement('a');
        //设置a的属性
        a.;
        a.innerText='ggggg';
        //添加元素  将创建的节点添加到Id为d的div里
        d.appendChild(a);
        //在指定节点前插入新节点
        var p=document.createElement('p');
        //添加文本内容
        p.innerText='ppppppppppppppppp';
        //d.appendChild(p);
        //参数1:要添加的元素 参数2:要放到哪个节点的前面
        d.insertBefore(p,a);
        //获取目标元素
        var s=document.getElementById('s');
        //克隆新元素
        var spanc= s.cloneNode(true);//默认参数是false
        d.appendChild(spanc);
      </script>
      </html>
      
      

      运行效果截图:

      更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

      希望本文所述对大家JavaScript程序设计有所帮助。

      www.1click-soft.comtruehttp://www.1click-soft.com/Javascript/1304248.htmlTechArticleJS简单添加元素新节点的方法示例,js元素节点示例 本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考,具体如下: !...

      相关文章

      相关搜索: JS 元素 节点

      帮客评论

      视觉看点
      百度 360 搜狗