热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

【JavaScript】009.利用数组创建页面列表

1.目的利用数组创建页面列表2.示例代码图片及源码的github链接009.利用数组创建页面列表

1.目的

利用数组创建页面列表

2.示例代码

图片及源码的github链接
009.利用数组创建页面列表

<!DOCTYPE html>
<html lang&#61;"en">
<head><meta charset&#61;"UTF-8"><title>009.利用数组创建页面列表</title><script type&#61;"text/Javascript">window.onload &#61; function () {var aList &#61; [&#39;C&#43;&#43;&#39;, "Python", "Java", "Javascript", "php"];str &#61; &#39;&#39;;// 构建html文本for(var i&#61;0; i < aList.length; &#43;&#43;i){str &#43;&#61; "

  • " &#43; aList[i] &#43; "
  • ";}// 获取元素&#xff0c;并修改oUl &#61; document.getElementById(&#39;list&#39;);oUl.innerHTML &#61; str;}</script><style type&#61;"text/css">.list{list-style: none;margin: 50px auto 0;padding: 0;width: 300px;height: 305px;}.list li{height: 60px;border-bottom: 1px dotted #000;font-size: 30px;}</style>
    </head>
    <body><ul id&#61;"list" class&#61;"list"><li>aaa</li><li>aaa</li><li>aaa</li></ul>
    </body>
    </html>

    推荐阅读
    author-avatar
    Yy石小雪
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有