如何增加标签

<ul id="a">     <li>aaaaaaaaa</li>     <li>bbbbbbbbb</li>     <li>ccccccccc</li> </ul> <br/> <input type="button" value="增加10节点" onclick="c()"/> <br/><br/><br/><br/> <!--第二题--> <div class="left">     <select id="lstLeft" size="8"></select> </div> <div class="middle">     <input type="button" id="add" value=">"/>     <input type="button" id="addAll" value=">>"/>     <input type="button" id="remove" value="<"/>     <input type="button" id="removeAll" value="<<"/> </div> <div class="right">     <select id="lstRight" size="8"></select> </div> <br/> <form action="#" method="post" id="frmTest" style="clear: both">     <select  id="lstNews" size="8" multiple="multiple" style="display: block">         <option value="1">aaaaa</option>         <option value="2">bbbbb</option>         <option value="3">ccccc</option>         <option value="4">ddddd</option>         <option value="5">eeeee</option>     </select>     <input type="button" id="btnUp" value="向上"/>     <input type="button" id="btnDown" value="向下"/>     <input type="button" id="btnDelete" value="删除"/> </form> </body> <script type="text/javascript">     var str=[];     var a=document.getElementById("a");     function c(){         for(var i=1;i<=10;i++){             var b=document.createElement("li");             var b1=document.createTextNode(i+"增加标签");             str[i-1]=b.appendChild(b1); //            a.appendChild(str[i-1]);         }         for(var w=0;w<str.length;w++){            var c=document.createElement("div");             var c1=document.createTextNode(str[w]);             c.appendChild(c1);             a.appendChild(c)         }     }
时间: 2024-11-06 18:01:42

如何增加标签的相关文章

HTML常用标签总汇-随时更新增加标签实际经验和感悟

换行: <br></br> 分割线: <hr></hr> 粗体: <b></b>   <strong></strong> 斜体: <i></i> 背景图片: <body background="图片地址"> 网页背景色: <body bgcolor="背景颜色"> 文字颜色: <body text="文字的颜

html5新增加的标签

增加标签: 1.结构标签 (1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节.页眉.页脚或页眉的其他部分: (2)article:特殊独立区块,表示这篇页眉中的核心内容: (3)aside:标签内容之外与标签内容相关的辅助信息: (4)header:某个区块的头部信息/标题: (5)hgroup:头部信息/标题的补充内容: (6)footer:底部信息: (7)nav:导航条部分信息 (8)figure:独立的单元,例如某个有图片与内容的新闻块. 2.表单标

利用循环栏目导航标签及自定义页面制作帝国CMS网站地图

网站地图,又称站点地图,它就是一个页面,上面放置了网站上所有页面的链接.也简洁地表现了网站栏目关系,一般就包含顶级栏目和二级栏目.搜索引擎蜘蛛非常喜欢网站地图.在帝国CMS中没有生成网站地图的功能,所以嗨分享今天就给大家介绍一种方法生成它的网站地图. 主要用到帝国CMS中的两个重要知识点: 一.循环栏目导航标签(listshowclass) 二.自定义页面 第一步:增加标签模板 帝国CMS网站后台--[模板]-左侧[标签模板]-[管理标签模板] 可以增加一个标签模板,也可以直接使用 ID为1,模

CSS3主要知识点复习总结+HTML5新增标签

1.显示属性,自身属性,文本属性 推荐样式编写顺序 1 显示属性 :display,list-style,position,float,clear [注意按照横着的顺序] 2 自身属性(合模型):width,height,margin,padding,border,background(第3点)     3 背景:background     4 行高:line-height     5 文本属性:color,font,text-decoration,text-align,vertical-al

HTML5头部标签备忘

DOCTYPE DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于html 标签之前,此标签告知浏览器文档使用哪种HTML 或者XHTML 规范. 推荐使用HTML5 推出的更加简洁的书写方式,它向前向后兼容. <!DOCTYPE html> html 简体中文 <html lang="zh-cmn-Hans"> meta chartset 声明文档使用的字符编码. <meta charset="utf-8"

用Meta标签代码让360双核浏览器默认极速模式打开网站

在head标签中添加一行代码: <html>     <head>         <meta name="renderer" content="webkit|ie-comp|ie-stand">     </head> </html> content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核.若页面需默认用极速核,增加标签

Axure RP Pro 7.0苏宁易购式标签切换效果教程

转:http://jingyan.baidu.com/article/7082dc1c4f0a11e40a89bdac.html 页面标签切换效果,几乎是所有大网站(尤其是电商类网站)标配的交互方式: 之所以应用如此普遍,关键在于网站首屏展示区,是寸土寸斤的黄金区域:标签切换可以让更多内容在同一块地方展示:相当于两块同样面积的地皮,一个盖平房,一个盖楼房,土地利用率自然不可同日而语: 本教程是仿造苏宁易购网站标签切换效果,为了就是切合实际,让你能将Axure技术与最前沿的应用场景结合起来,当你需

工作中常用的meta标签总结

<!-- 关键字,搜所引擎 SEO --><meta http-equiv="keywords" content="关键字1,关键字2,..."> <!-- 页面描述 --><meta http-equiv="description" content="网页描述"> <!-- content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用w

浏览器内核控制Meta标签说明文档

背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容.在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库. 尽管我们努力通过用户反馈.代码标签智能判断技术提高浏览器的自动切核准确率.但是在很多情况下,我们仍然无法达到百份百正确.因此,我们新增加了