原生JS实现将元素铺到页面上

最新推荐文章于 2022-01-31 01:37:38 发布

归零-—Zero

最新推荐文章于 2022-01-31 01:37:38 发布

阅读量188

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_51692964/article/details/116135875

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<body>
  <!-- 需求：将数组中得到元素铺设到li标签上 -->
  <ul id="myUl"></ul>

  <script>
    // 获取ul节点
    let ul = document.getElementById('myUl')
    let arr = ['春','夏','秋','冬'];
    // 1. 遍历数组
    arr.forEach(str => {
      // 2. 创建li标签来承载str的值 
      let li = document.createElement("li");
      li.innerHTML = str;
      // 3. 将入到真实的DOM中
      ul.appendChild(li);
    });
  </script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

归零-—Zero

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原生JS实现将元素铺到页面上

<body>  <ul id="myUl"></ul> <script> // 获取ul节点 let ul = document.getElementById('myUl') let arr = ['春','夏','秋','冬']; // 1. 遍历数组 arr.forEach(str => { // 2. 创建li标签来
复制链接

扫一扫