本文实例讲述了射流研究…创建标签标签的方法。分享给大家供大家参考，具体如下：

一。创建标签其原理就是

创建一个节点；

var x=document.createElement('标记名)赋予节点样式；

x.setAttribute('class '，类名)对节点进行赋值；

x.innerHTML=内容//赋值添加节点到父元素

要添加到的元素appendChild(x)；二。样式图：

三。主要代码流程：

超文本标记语言部分：

div class=' container ' H3风格=' text-align : center '单击下面得'添加'按钮添加标签/H3 div class=' dispanel ' id=' box '/div button class=' BTN ' id=' BTN 1 '全部清除/button ul id=' ul ' LisPanjohn Doe 1/span button class=' clibtn BTN '添加/button/Li Li panjohn Doe 2/span button=' clibtn '添加/button/Li Li panjohn Doe 3/span button=' clibtn '添加/button/Li Li panjohn Doe4/span按钮类别=克利夫顿BTN添加/button/Li Li panjohn Doe 5/span button=' clibtn '添加/button/Li Li panjohn Doe 6/span button=' clibtn '添加/button/li /ul/divcss部分：

正文{边际：0划水：0;背景-颜色： # 002 F4F；color: # ffffff字体系列： '微软雅黑；font-size : 1em} H3 ul { margin : 0；列表样式：无；padding: 0px } .容器{宽度：300像素高度：350 px余量： 50px自动；}.dispanel { width: 290px高度：50 px背景-color : # ffffff；margin: 0 auto}。btn { width:100px高度：20 pxcolor: # ffffff背景色：红色；border : 0px font-size : 1em；margin:10px 0 10px 5px }。容器ul li {宽度：300像素高度：30 px页边距-top :10 px；}.spanstyle{display:内联块；color: # 000宽度：85 px高度：22px背景-颜色：浓汤；边距-左侧：5 pxfont-size : 12px文本对齐：中心；线高： 22px}js部分：

var OUl=文档。getelementbyid(' ul ')；var oBtn=OUl。GetElementsByclassName(' BTN ')；var OLi=文档。getelementsbyclassname(' Li ')；var oBox=document。getelementbyid(' box ')；for(var I=0；iob TN。长度；i ) { oBtn[i].onclick=function(){ var oA=document。创建元素(“span”)；//创建一个节点节点var OnEw=OA。SetAttribute(' class '，' span style ')；//将节点上增加班级样式var ospan=this。previouselementsibling。innerhtml“X”；//此==oBtn[I]/previouselementsilinging :上一个元素的兄弟节点即span oA.innerHTML=ospan//将ospa的值付给新创建的节点节点oA .obox。阑尾切除术；//将涉及（同在或大约在)添加为oBox的儿子oA。onclick=function(){ ObOx。移除儿童(oA)；//移除这个元素} } } var obt n1=document。getelementbyid(' BTN 1 ')；obt n1。onclick=function(){ ObOx。innerHTMl=//清除内容}更多关于Java脚本语言相关内容可查看本站专题： 《JavaScript页面元素操作技巧总结》 、 《javascript面向对象入门教程》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。