javascript中如何添加元素-成都快上网建站

javascript中如何添加元素

javascript中如何添加元素,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

成都创新互联欢迎联系:18982081108,为您提供成都网站建设网页设计及定制高端网站建设服务,成都创新互联网页制作领域十多年,包括加固等多个行业拥有多年的网站营销经验,选择成都创新互联,为企业锦上添花。

方法:1、appendChild()方法在末尾插入新元素,语法“appendChild(newchild)”;2、insertBefore()方法,在开头插入新元素,新语法“insertBefore(newchild,refchild)”。

在文档中有两种办法插入新节点(元素),一种是在开头插入,一种是在末尾插入。

appendChild()方法:在末尾插入新节点

JavaScript appendChild() 方法可向当前节点的子节点列表的末尾添加新的子节点。用法如下:

appendChild(newchild)

参数 newchild 表示新添加的节点对象,并返回新增的节点。

示例1








单击按钮创建并添加p标签

点我

效果图:

javascript中如何添加元素

如果文档树中已经存在参数节点,则将从文档树中删除,然后重新插入新的位置。如果添加的节点是 DocumentFragment 节点,则不会直接插入,而是把它的子节点插入当前节点的末尾。

将元素添加到文档树中,浏览器会立即呈现该元素。此后,对这个元素所作的任何修改都会实时反映在浏览器中。

insertBefore()方法:在开头插入新节点

JavaScript insertBefore() 方法可向当前节点的子节点列表的开头添加新的子节点。用法如下:

insertBefore(newchild, refchild)

其中参数 newchild 表示新插入的节点,refchild 表示插入新节点的节点,用于指定插入节点的后面相邻位置。插入成功后,该方法将返回新插入的子节点。

示例2








  • Coffee
  • Tea
  • 单击按钮插入一个项目列表

    点我 }

    效果图:

    javascript中如何添加元素

    看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


    网页名称:javascript中如何添加元素
    本文链接:http://kswjz.com/article/gijcid.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流