文档章节

ul动态生成li(JavaScript写)

leona_lily
 leona_lily
发布于 2015/04/10 16:21
字数 94
阅读 7
收藏 0
<htmL>
<head>
<meta content="text/html;charset=utf-8" http-equiv="content-type">
    <script type="text/javascript">
    window.onload = function(){
        var arrLi = [['我的朋友','同学','同事'],['哇哈哈','乐百氏','农夫山泉'],['咖啡','果汁','果酒']];
        
        for(var j=0; j<arrLi.length; j++){
            document.body.innerHTML += '<ul></ul>';
            var ul = document.getElementsByTagName('ul');
            for (var i = 0; i < arrLi[j].length; i++) {
                ul[j].innerHTML += '<li>'+arrLi[j][i]+'</li>';
            };
        }
    }
    </script>
</head>
<body>

</body>
</htmL>

运行效果


© 著作权归作者所有

共有 人打赏支持
leona_lily
粉丝 9
博文 97
码字总数 39219
作品 0
朝阳
程序员
动态链接中的JavaScript函数参数传递问题

最近做项目过程中遇到一小问题,查询相关资料后已经解决 问题是: function lowestPriceInfo1(data){ jQuery("#tabcity_1").html(""); var s='<ul>'; var orgCity; var destCity; var orgTi......

狼行-狼行
2013/11/10
0
0
jQuery实现点击菜单出现更多操作下拉框

首先在页面添加JQuery的引用: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 其次添加CSS属性: div.dropdown{heigh......

秦都李先生
2012/11/15
0
0
jquery 隐藏和显示指定的UL>LI片段

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试UL</title> <script language="javascript" src="js/jquery-1.5.1.js"></script> <scri......

黄光明
2012/07/15
0
0
web页面播放音频 jquery.jplayer 插件

<!DOCTYPE html> <html> <head> <title>Demo : jPlayer as an audio player</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link stc="js/jplayer.blue.m......

wlg910525
2014/09/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用JavaScript ES6的新特性计算Fibonacci(非波拉契数列)

程序员面试系列 Java面试系列-webapp文件夹和WebContent文件夹的区别? 程序员面试系列:Spring MVC能响应HTTP请求的原因? Java程序员面试系列-什么是Java Marker Interface(标记接口) 使...

JerryWang_SAP
6分钟前
0
0
docker安装redis、mongodb、mysql等

一、启动docker服务,设置镜像: systemctl start dockervi /etc/docker/daemon.json{ "registry-mirrors": ["https://registry.docker-cn.com"]} 二、下拉镜像: 在镜像中心h...

狼王黄师傅
30分钟前
0
0
deepin系统使用deepin-wine安装exe程序

deepin自带原生deepin-wine使用命令如下: deepin-wine QQBrowser.exedeepin-wine QQMusicSetup.exe 默认安装的快捷方式位置: /root/.wine/drive_c/'Program Files'/Tencent/QQBrowser/......

临江仙卜算子
54分钟前
4
0
快速get到学习Linux操作系统的点

快速get到学习Linux操作系统的点 Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。Linux能够运行主要的UNIX工具软件...

linuxCool
今天
3
0
聊聊:Linux分区的那些方案

安装linux的整体步骤其实比较简单,唯一可能值得说明的地方,大概就是linux的分区了。 下面来给大家推荐一些分区方案。 1 分两个区 实际上,很多时候我们只需要分两个区:`/`和交换分区,日常...

Linux就该这么学
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部