DOM —【新建元素的添加方式】

最新推荐文章于 2022-11-23 18:51:41 发布

Zyl_CN

最新推荐文章于 2022-11-23 18:51:41 发布

阅读量306

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/Zyl_CN/article/details/80579525

JavaScript 专栏收录该内容

55 篇文章

订阅专栏

<ul>
    <li>11111</li>
    <li>22222</li>
    <li>33333</li>
    <li>44444</li>
    <li>55555</li>
</ul>
<script>
    var oUl=document.getElementsByTagName('ul')[0];
    var oLi=document.querySelector('li');
    var str='<li>00000</li>';
    var p1=document.createElement('p')
    oLi.insertAdjacentHTML("beforebegin", str);     //在当前元素之前添加str;
    oUl.insertAdjacentText("afterbegin", '我是文本') //在当前元素之中最前面插入文本
    oUl.insertAdjacentText("beforeend", '我是文本2') //在当前元素之中最末尾插入文本
    oUl.insertAdjacentElement("afterend",p1);       //在当前元素之后添加p1
</script>