DOM —【创建元素与文本节点】

最新推荐文章于 2022-04-26 22:57:23 发布

Zyl_CN

最新推荐文章于 2022-04-26 22:57:23 发布

阅读量258

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Zyl_CN/article/details/80577401

版权

JavaScript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

<ul>
    <li>11111</li>
    <li>22222</li>
    <li>33333</li>
</ul>
<script>
    var oUl=document.getElementsByTagName('ul')[0];  //获取ul
    var newLi =document.createElement("li");         //新建一个li的元素赋予给newLi
    var newLiText=document.createTextNode('44444');  //新建一个文本节点赋予给newLiText
    newLi.appendChild(newLiText);                    //把文本插入到li元素当中
    newLi.className='NewLi';                         //为新建的li加一个NewLi类
    oUl.appendChild(newLi);                          //把这个新建的li添加到ul中
</script>