<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.ul1{
margin:0px;
padding:0px;
height:28px;
border-left:1px solid #000000;
}
.li1{
width:12%;
height:28px;
line-height:28px;
vertical-align:middle;
text-align:center;
float:left;
list-style-type:none;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}
.divcss{
font-size:12px;
height:auto;
width:auto;
margin:0px;
padding:0px;
}
.lititlecss
{
width:12%;
height:28px;
line-height:28px;
text-align:center;
vertical-align:middle;
float:left;
margin:0px;
padding:0px;
list-style-type:none;
background-color:#CCCCCC;
border-right:1px #000000 solid;
border-bottom:1px #000000 solid;
border-top:1px #000000 solid;
}
.ulcss{
margin:0px;
padding:0px;
height:28px;
border-left:1px #000000 solid;
}
</style>
</HEAD>
<BODY>
<div id="divs">
<ul ID="ss" class="ulcss">
<li class="lititlecss">序号</li>
<li class="lititlecss">名字</li>
<li class="lititlecss">性别</li>
<li class="lititlecss">年龄</li>
</ul>
</div>
</BODY>
<script language="javascript">
function createDiv(){
// var divs = document.createElement("DIV"); //动态创建DIV
var divs = document.getElementById("divs");
divs.className="divcss";
for(var j=0;j<3;j++){
var uu ="ul"+j ;
uu = document.createElement("UL");
uu.className="ul1";
for(var i=0;i<4;i++){
var ll = "li" +i;
var ll = document.createElement("LI");
ll.className="li1";
ll.innerText="222"+i;
uu.appendChild(ll);
}
divs.appendChild(uu);
}
divs.id="newDiv";
document.body.appendChild(divs);
}
createDiv();
</script>
</HTML>
分享到：
相关推荐
<div class="demo-title">淘宝商户端发布商品时,动态生成SKU表格的实例</div> <ul class="SKU_TYPE"> <li is_required='1' propid='1' sku-type-name="存储">*</em>存储：</li> </ul> <ul> <li><label><...
在JavaScript和HTML的世界里，动态生成的树结构是一种常见的数据可视化技术，用于展示层次关系的数据。这种技术在网站设计、Web应用以及各种管理界面中尤为常见，如文件系统浏览、组织架构展示、导航菜单等。本文将...
例如，输入`.class`会生成一个`<div class="class"></div>`，而`ul>.class`会生成一个`<li class="class"></li>`。 在实际开发中，还可以通过Emmet的扩展命令来完成更加复杂的操作。例如，可以在Emmet的缩写前加上`...
动态生成tab页是常见的功能需求，它允许用户在不同的内容面板之间切换，而无需页面刷新。本教程将深入探讨如何使用JS实现动态生成tab页，并结合HTML和CSS创建一个完整的框架界面。 首先，我们需要理解基本的HTML...
<li id="now19">生成文件管理" href="#" target="content3">生成文件管理</span></a></li> <li id="now1a">标签管理" href="#" target="content3">标签管理</span></a></li> <li id="now1b">模板管理" onclick=...
假设我们要给ul动态添加的<li>绑定click事件形成如下结果 <div id=testdiv> <ul> <li name=apple>apple</li> <li name=pear>pear</li> </ul> </div> [removed] function test(name){ alert(I'm +name)...
在探讨如何使用JavaScript随机生成DIV的背景色之前，我们先来了解基本的背景色设置方法。在网页设计中，设置DIV背景色通常通过CSS来实现，属性名为`background-color`。背景色可以通过颜色的名称、RGB值、十六进制值...
在网页设计中，菜单是用户与网站交互的重要部分，动态生成的菜单可以根据用户需求或数据变化实时更新，提供更加灵活和个性化的用户体验。本文将深入探讨如何使用JavaScript来动态生成菜单，并结合jQuery EasyUI库...
3. **动态展开**：缩写中的数字可以动态变化，如`ul>li{item $}*3`会生成带有计数的列表项： ```html <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> ``` 4. **CSS属性快速添加**：对于CSS，...
1. **菜单结构**：在HTML中，菜单通常由多个`<ul>`（无序列表）和`<li>`（列表项）元素组成，这些元素嵌套在一起形成层次结构。`<div>`元素可以作为包裹整个菜单的容器，或者用于分隔不同的菜单级别。 2. **CSS样式...
本文将深入探讨如何使用Ajax技术在JSP（JavaServer Pages）环境中动态生成树形结构，以实现数据的实时加载和交互。 首先，我们需要理解Ajax的基本原理。Ajax的核心是XMLHttpRequest对象，它允许在不重新加载整个...
例如，输入`div>ul>li*3`，然后按Emmet的快捷键（通常为`Tab`或`Ctrl+E`），会自动生成以下代码： ```html <div> <ul> <li></li> <li></li> <li></li> </ul> </div> ``` 这里的`>`表示直接子元素关系，`*3`...
dtree的基本结构是使用`<ul>`和`<li>`元素构建的，每个`<li>`代表一个树节点，可以包含子节点或者叶子节点。dtree提供了一些API方法，如`init()`用于初始化树，`openNode(nodeId)`用于展开指定节点，`closeNode(node...
在本场景中，"bootstrap动态生成tab"涉及到的主要知识点包括JavaScript编程、Bootstrap框架的Tab组件以及可能的IFrame和Div元素的嵌套使用。 1. **Bootstrap Tab组件**：Bootstrap的Tab组件提供了一种简洁的方式，...
Zon Coding/Emmet的另一个强大功能是动态扩展，例如输入`ul>li*3>a[href="#"]`，会生成： ```html <ul> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> ``` 这样的动态...
这段代码会生成一个`<div>`容器，里面包含一个`<ul>`列表，列表中由六个`<li>`元素组成，每个`<li>`元素在视觉上形成一列。 以上示例是一个较为简单的两列或多列布局的实现方法，它可以用于简单的信息展示，如新闻...
例如，"div+p+bq"将生成div后面跟着一个p元素，再接着是一个blockquote元素。 - 上级：使用"^"符号表示回到上级元素。例如，"div+div>p>span+em^bq"会在div后面生成另一个div，该div内包含一个p元素和span元素，然后...
2. **层级嵌套**：Emmet支持多层嵌套，如`nav#main>ul.menu>li.item*a`会生成： ```html <ul class="menu"> <li class="item"> <a></a> </li> </ul> </nav> ``` 3. **属性插入**：在元素后面加上`.`后...
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下： jquery中绑定事件一般使用bind，或者...需要给<ul>里面动态添加的<li>标签添加click事件 jquery 1.7版以前使用live