<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><...
(<li>中间的元素是动态生成的), 现在想为添加点击事件, 例子如下: <div> <ul> <li> 这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $[removed]('click', '.icon', ...
<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)...
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者...需要给<ul>里面动态添加的<li>标签添加click事件 jquery 1.7版以前使用live
比如他输入: ...复制代码代码如下: <div id=”page”> <div id=”header”> <ul id=”nav”> <li><a></a></li> <li><a></a></li> <li><a></a></li> <li><a></a></li> </ul> </div> <div id=”page”> <
最近又复习了jQuery的知识,既然...div布局:注意哦,里面的图片我们用js代码生成 <div id=box> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> css样式: <style type=text/c
先写一个你需要展示的静态效果,写好后再改为VUE动态生成,代码如下: <div id=app1 class=wrap> <ul class=tabs> <li class=active>标签1</a></li> <li>标签2</a></li> <li>标签3</a></li> </ul> <div ...
<...<li><a ><i class="glyphicon glyphicon-home"></i></a></li> </ul> <h1 itemprop="name">Demo</h1> </div> 这是一款带音频波纹的可视化音乐播放器特效,HTML5网页音乐播放器代码。
/ div > 您可以使用属性选择器和数字psuedo类进一步操纵生成的结构: satisfy ( 'ul li:5 span[innerHTML="item"]' ) ; 这将产生以下结果: < ul> < li> < span> item </ span> </ li> < li> < span> item </ span>...
<div class="main"> <!-- header --> <p> </p> <td width="120" height="30"><strong>主 页 </a></strong>| </td> <td width="120" height="30"><strong>特 色</a> </strong> | ...
vue-i18n-工具vue多语言自动生成工具轻松对Vue组件进行国际化处理,自动生成多语言配置文件,并通过百度翻译进行自动翻译演示cd ./samplenode ./scripts/i18n.js生成格式处理前< template> < div xss=removed> 基本...
1.通过UL来展示页标,其中每个页标的li是通过异步加载从获取到不同的表格数据来动态生成的。 <div class=pagination> <ul xss=removed> <li id=previous>上一页</a></li> <li><!--用于页标的显示 --> ...
1.在用vue-cli生成好的HelloWorld.vue文件中直接写代码,先删除所有的自带代码 <div class=hello> <input type=text> <button>增加事项</button> <ul> <li>item</li> </ul> </div> </...
参考了文章 caibaojian.com/css-tonggle… 的纯 CSS 的想法, 但文章描述的内容适用于单篇文章的效果, 而在使用 <li></li> 标签生成表数据的情况下并不友好, 所以在此基础上进行了相对应的优化, 具体代码如下: ...
平面html flat-html是替代模板并生成复杂HTML的替代方法。 您编写了一系列有关每个元素应设置为什么的语句。 如{ "data": [ "-h1 =My post", "^ul li = I ... <div> <h1>My post</h1> <ul> <li> I am list item 1</li>
<li ms-repeat="datalist"><p><span>{{el.id}}</span><span >{{el.name}}</span></p></li> </ul> <!--//数据--> <div id="yema" </div> </div> [removed] var yema=document.getElementById("yema"); ...
当滚动条接近底部会自动生成新的内容(色块) 效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ...
的方法,对应不同的选项,只改变弹出层里的内容,但是内容都要用jQuery生成拼接,所以选用了比较简单的页面跳转。 下面就只贴上一个示例页面的相关代码。 先上效果图: **index.html主要代码** <div id=myMenu>...
有一个名为hubs的脚本文件,SignalR库在运行时动态生成。这个文件管理jQuery脚本和服务器端代码之间的通信。如果您使用Internet Explorer以外的浏览器,则还可以通过直接浏览来访问动态集线器文件,例如http:// ...